*

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

公開日: : ノウハウ

縦の三点リーダー

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

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

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

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

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

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

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

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

< >

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

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

⋮  (半角)
︙ (全角)

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

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

  • Pocket

おすすめトピックス

関連記事

iframe内のjavascriptを無効にする方法

html の iframe(インラインフレーム)とは、一つのページ内に小窓を作ってその内部に別ページや別サイトを表示させるタグです。iframe 内のページは自分で作る事もありますが、他の人が作る事もあります。どういう事 […]

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

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

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

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

css3
CSS3で要素の2番目以降、1番目以外にスタイルを適用する擬似クラス

スタイルシート(CSS)はウェブサイトにデザインを適用するための言語。そのスタイルシートのバージョンは今では3になっており、かなり表現力豊かで優秀になっています。 例えば ul li タグのリストの場合、従来の CSS2 […]

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

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

リストの表示数を制限する
HTMLでulタグのリスト項目の表示数を制限する

HTML で ul タグを使えば以下のようなリストを作れます。 リスト リスト リスト このようなやつですね。順序なしリストと呼ばれて、何かを箇条書する時に便利です。html タグでは以下のように記述します。 この箇条書 […]

著者について

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

フォローはこちら

       

       
Illustratorでテキストをアウトライン化できない時に確認すること

Illustrator を使って印刷物などを作っている人ならテ

Gmailのエラー「Gmail requires one or more Google Play services that are not currently avaiable.」で開けない

あるいつもどおりの朝、スマートフォンで Gmail を開こうと

Amazonで自分の書いたレビューを一覧で確認する方法

世界的に最大級の通販サイト Amazon。私もよく使います。利

大垣カフェ「カフェ飯屋ピーナッツ」暖かく自然派なお食事が美味しいアットホームな場所でした

岐阜県大垣市の市民病院近くにオープンした「カフェ飯屋ピーナッツ

Illustratorで矢印に綺麗に境界線を付ける方法

Photoshop では矢印でも文字でも綺麗に境界線をつけるレ

→もっと見る