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

ＴＯＰ

ＣＳＳの基本

フォント

テキスト

背景

ボックス

配置

リスト

テーブル

フィルタ

その他

ウェブセーフカラー

コピーペーストＣＳＳ　

コピーペーストＣＳＳ２　

サイト概要　

バナーはダウンロード
してお使い下さい。

■　　テキスト

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

■　text-underline-position　　縦書きの下線（傍線）位置を指定したい

text-underline-position:キーワード

下線の表示位置を指定するプロパティとしてInternetExplorer5.5が独自に拡張したプロパティで text-decoration:underlineと併用することで、縦書きのページの傍線の位置を 指定できるようになります。

通常縦書きのテキストにtext-decoration:underlineを併用すると下線は左につきますが、 縦書きの場合は傍線はテキストの右側にあるほうが自然です。 この場合にtext-underline-position:aboveを指定すると、傍線が文章の右側に表示されます。

ＬＩＮＫ