• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン

> Entry >Other>CSS> 「――」の字間を消す方法

【Other】【CSS】「――」の字間を消す方法

スタイル指定無しの場合、「――(連続する全角ダッシュ)」の字間に隙間が開いてしまう。
隙間を消す方法は下記の通り。

罫線を使う

「―(全角ダッシュ)」ではなく、「─(罫線)」を使う。

使用例:
「――」…全角ダッシュ
「──」…罫線

スタイルを使用する

連続する全角ダッシュにletter-spacingスタイルを適用する
(1)外部CSSを使用する場合

外部CSS:

span.keisen{
letter-spacing: -1px;
}

html:

<span class="keisen">――</span>
(2)直接htmlに記述する場合
<span style="letterspacing: -1px;">――</span>
連続する罫線にfont-styleスタイルを適用する(2015/05/16加筆)

罫線にしても字間が開いてしまう場合は、斜体(font-style:italic)を利用するといいようです。

(1)外部CSSを使用する場合

外部CSS:

span.keisen{
font-style: italic;
}

html:

<span class="keisen">──</span>
(2)直接htmlに記述する場合
<i>――</i>

ページ移動

関連記事

ユーティリティ

新着コメント

2018/07/14|from:ミツ@32877
同人誌在庫・売上管理表配布
2018/07/14|from:ゆり
同人誌在庫・売上管理表配布
2018/06/18|from:あつこ
同人誌在庫・売上管理表配布
2018/06/17|from:ミツ@32877
同人誌在庫・売上管理表配布
2018/06/17|from:あつこ
同人誌在庫・売上管理表配布

Twitter

記事検索

ページ上部へ