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

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

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

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

罫線を使う

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

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

スタイルシートを変更する

連続する全角ダッシュに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>

ページ移動

関連記事

ページ上部へ