スタイルシート
（CSS）
リファレンス
(テキスト･フォント)
文字の色・サイズ・スタイル ...
color: #0000ff;
文字色を指定する
font-size: *pt;
文字サイズを指定する
font-weight: bold;
文字の太さを指定する
font-style: italic;
イタリック体にする
font-family: "ＭＳ Ｐ明朝";
フォント名を指定する
font-variant: small-caps;
スモールキャピタルを指定する
font: *** ***;
フォントの設定をまとめて指定する
(テキスト･フォント)
文字の装飾・変換・ルビの位置 ...
text-decoration: underline;
文字の装飾を指定する
text-underline-position: above;
下線の位置を指定する
text-transform: capitalize;
大文字と小文字を変換する
ruby-align: auto; ruby-overhang: auto; ruby-position: above;
ルビ（ふりがな）の位置を指定する
zoom: 1.5;
文字を拡大（縮小）する
text-overflow: ellipsis;
領域からはみ出た場合に「...」を表示する
(テキスト･フォント)
間隔・表示位置 ...
text-align: center;
水平方向の表示位置を指定する
text-justify: auto;
均等割付の形式を指定する
text-justify
(sample)
均等割付の形式を指定する
(サンプル)
line-height: 130%;
行の高さを指定する
text-indent: 12pt;
１行目の字下げを指定する
letter-spacing: 6pt;
文字の間隔を指定する
word-spacing: 6pt;
単語の間隔を指定する
text-autospace: ideograph-alpha;
日本語とアルファベットの間にスペースを入れる
vertical-align: super;
上付文字と下付文字を指定する
(テキスト･フォント)
改行の扱い
white-space: noWrap;
改行・スペース・タブの扱いを指定する
word-break: normal;
改行の仕方を指定する
word-break
(sample)
改行の仕方を指定
(サンプル)
word-wrap: ***;
長い英単語の折り返しを指定する
line-break: ***;
禁則処理を指定する
line-break
(sample)
禁則処理を指定
(サンプル)
(テキスト･フォント)
書字方向・内容の追加
direction: ltr; unicode-bidi: embed;
書字方向を指定する
writing-mode: tb-rl;
縦書きを指定する
content: ***;
要素の前後に内容（コンテンツ）を挿入する
content: ***; quotes: ***;
引用符を設定する
：ブラウザ独自のプロパティ
Page Top
へ
Site Information
