*

縦の三点リーダーをウェブサイト上で表示する方法

公開日: : ノウハウ

縦の三点リーダー

三点リーダーという言葉をご存知でしょうか。日本語の世界では度々登場するもので、小説、雑誌、文書など様々な場面に登場するものです。三点リーダーとはすなわち「…」、点が3つ並んだものです。普段のメールなどの会話でも言葉を省略するとき。文末に余韻を含ませる時などにもしばしば使われます。あなたも一度は使ったことがあるのではないでしょうか?

用法の例
「お元気で…」「お爺さんは山へ芝刈りへと向かう…。」

ネット上でよく見かける三点リーダーと言えば横向きの点々がほとんどだと思いますが、実は縦向きの三点リーダーもあります。当然縦書きの文章ならば、三点リーダーも縦です。横書きがスタンダードなインターネット上ではあまり使わないのが当然です。

しかし、スマートフォンアプリやソフトの世界で縦の三点リーダーを見かける事が多くなってきました。

スマートフォンアプリでのメニューの表示ボタンとしてハンバーガーメニュー「≡」や縦の三点リーダーがよく使われます。もしあなたがパソコンの Chrome ブラウザをお使いなら、画面右上を。スマホの Chrome なら画面右下を御覧ください。メニューボタンとして縦の三点リーダーがあります。

ウェブ上でアプリやソフトの使い方を文章化する時、このマークのボタンをクリック(タップ)してくださいと書きたくなります。ハンバーガーメニューなら「≡」というように文字に起こせるのですが、縦の三点リーダーを文字に起こす事ができないか調べてみました。

縦の三点リーダーを入力、ウェブサイトに表示する方法

縦の三点リーダーをウェブ上に表示するには文字参照という手法を取る必要があります。直接ウェブ上に記述できない記号を表示する方法です。例えば html タグに使われる半角の不等号「<>」は直接入力するとタグと認識されてしまって表示されません。文字として入力するには…

< >

このような特殊な記号を用いてウェブ上に表示します。

それと同様に縦の三点リーダーを文字として入力するには…

⋮  (半角)
︙ (全角)

このような記号と数字を用いて表示する事ができます。このように「︙」。

また、テキストエディタなどで表示する場合、日本語入力によっては「・・・」を変換するだけで入力できる場合もあります。しかし、Microsoft IME では出来ず Google 日本語入力では出来ました。

  • Pocket

おすすめトピックス

関連記事

videoタグのmp4動画にもサムネイル画像を表示させるには

ニコニコ動画や Youtube を始め、インターネット上で動画を見たり配信する機会が珍しくない時代となりました。むしろ毎日アップロードされる動画が多すぎて見てもらう為の競争となっていると言っても過言ではありません。 そこ […]

画像付きリスト
関連記事などに画像付きリストをCSSで簡単に作るサンプル

画像つきリストとは上図のようなイメージです。しばしばブログなどでは関連記事や人気記事の表示などに使われている事が多いですし、インターネットショッピングサイトではサイドメニューの商品カテゴリリストに採用されています。 ポイ […]

MP3ダウンロード
MP3を1クリックだけでストリーミングせずにダウンロードする方法

私はこのサイトとは別に、効果音や BGM の素材サイトを運営しています。ふとそのサイト名で google 検索をしてみた所、驚くべき光景を目にしました。 ポケットサウンドというのがそのサイト名なのですが、Google の […]

画像のALT属性に文字を入れる気にならないのは画面に表示されないからだと思う

画像の ALT 属性って知っていますか?ALT 属性とは画像に付加するテキスト情報で、画像について手短に説明したテキストを入力する事が望ましいです。画像が表示されない時に何の画像かわかる為の代替テキストとして、音声読み上 […]

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だけというような細かな指定ができる擬似クラスがあります。 例えばリストの3番目の要素なら次のように指定します。 偶数番目の要素だけ指定したいなら… 奇数番目の要 […]

スマホサイト
プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。スマートフォンを使っていればいつも何気なしにスマートフォンサイトを見ていると思います。 そのスマートフォンサイトをちょっと思い出してみてください。 こ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

北海道チーズおかき
チーズの旨味が超濃厚!YOSHIMIの「北海道チーズおかき」

北海道に本社を置き、レストラン事業や製菓事業を行っている YO

無効なURLです。
エックスサーバーへ移転時にデータベースをインポートしたら「無効なURLです。」

高速で安定度の高いと評判のエックスサーバーへサイトの移転を行い

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だ

北のちーずボー
北海道産チーズのスティックケーキ「北のちーずボー」

新千歳空港のお土産店で販売されていた「北のちーずボー」を買って

→もっと見る