カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  テキスト

color   »» 文字色を指定する
text-decoration   »» 文字を装飾する
text-transform   »» 大文字・小文字に置換する
line-height   »» 行の高さを設定する
text-align   »» 行揃えを指定する
vertical-align   »» 文字の垂直位置を指定する
text-justify   »» 文字の均等割付を指定する
letter-spacing   »» 文字間隔を指定する
word-spacing   »» 単語間隔を指定する
text-indent   »» 1行目にインデントを設定する
white-space   »» 空白や改行をそのまま表示する
white-space   »» 改行しないで表示する
line-break   »» 禁則処理を適用する
word-break   »» 単語内での改行処理を指定する
writing-mode   »» 縦書きで表示する
text-underline-position   »» 縦書きの下線(傍線)位置を指定する
ruby-align / ruby-position   »» ルビの配置を指定する
layout-grid-〜   »» 文字をグリッドにおさめる
layout-grid:   »» グリッドを一括して指定する

■ line-height  行の高さを設定する

line-height:キーワード
line-height:数値+単位
line-height:割合を表す数値
line-height:数値+%

キーワード normal ブラウザが自動的に行の高さを設定
数値+単位 単位については下表参照 ボックス領域の高さ(1行の上端から下端までの幅)を、数値に単位をつけて設定
割合を表す数値 要素のフォントサイズに対する行の高さの割合を、単位なしの数値で設定 (10px時に1.5を設定すると、15になります)
数値+% 要素のフォントサイズに対する行の高さの割合をパーセンテージで設定

  スタイルシートにおける単位
em その要素のfont-sizeの値を1とする
ex その要素のx-height(小文字のxの高さ)を1とする
px コンピュータ画面の1ピクセルを1とする
% 属性によって異なるが、多くの場合は親要素の1部分を基準とした割合
in インチ(1pt=2.54cm)
cm センチメートル
mm ミリメートル
pt ポイント(1pt=1/72in)
pc パイカ(1pc=12pt)

複数の候補を指定する時は、それぞれを「,」で区切って指定します。 キーワードによる指定は、フォント名による指定がどれも有効でない時の 最終的な選択肢になるので、指定しておくことを推奨します。

IE4 IE5 IE5.5 IE6 NN4 NN4.7 N6.2
サイズ
パーセント
比率
normal

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.