テキストのスタイル

テキストのスタイル

「文字間のスペース」や「行の高さ」などが指定できます。

text-decoration

テキストの装飾を指定できます。

CSSソース
p{
   text-decoration: underline;
}
値/意味/説明
意味説明
none装飾なしデフォルト
underline下線
overline上線
line-through取り消し線

letter-spacing

文字間のスペースを指定できます。

CSSソース
p{
   letter-spacing: 5px;
}
値/意味/説明
意味説明
%パーセント
pxピクセルディスプレイの画素数
em要素のフォントサイズに対する相対値
ex要素の小文字の「x」に対する相対値
inインチ1in=2.54cm
cmセンチメートル
mmミリメートル
ptポイント1pt=1/72in
pcパイカ1pc=12pt

line-height

テキストの行の高さを指定できます。

CSSソース
p{
   line-height: 15px;
}
値/意味/説明
意味説明
%パーセント
pxピクセルディスプレイの画素数
em要素のフォントサイズに対する相対値
ex要素の小文字の「x」に対する相対値
inインチ1in=2.54cm
cmセンチメートル
mmミリメートル
ptポイント1pt=1/72in
pcパイカ1pc=12pt

text-align

テキストの文字ボックス内における横方向の位置を指定します。

CSSソース
p{
   text-align: right;
}
値/意味/説明
意味説明
left左寄せデフォルト
right右寄せ
center中央揃え
justify均等割付

vertical-align

テキストの文字ボックス内における縦方向の位置を指定します。

CSSソース
   vertical-align: super;
値/意味/説明
意味説明
baselineベースラインデフォルト
middle中央
sub下付き
super上付き
text-top上辺揃え(フォント)
text-bottom下辺揃え(フォント)
top上辺揃え(ボックス)
bottom上辺揃え(ボックス)