テキストを修飾する
テキストの見た目等を変化させるCSSプロパティの一覧です。
文字の見た目を変える
目的 | CSSプロパティ |
文字の色を指定する | color |
フォントを指定する | font-family |
文字の大きさを指定する | font-size |
文字の太さを指定する | font-weight |
文字をイタリック体(斜め文字)にする | font-style |
小文字を大文字にした上で小文字のサイズにする | font-variant |
文字の縦の比率を変化させる | font-size-adjust |
文字の横幅を変化させる | font-stretch |
文字の大文字・小文字の表示を指定する | text-transform |
文字に影を付ける | text-shadow |
文字に線を引く、点滅させる | text-decoration |
1行目のインデントを指定する | text-indent |
フォント名、文字の大きさ、太さ、斜め表示、行間をまとめて指定する | font |
指定した文字を引用符に設定する | quotes |
文字の位置
目的 | CSSプロパティ |
行揃えを指定する(左、中央、右) | text-align |
縦方向の行の位置を指定する(上、中央、下) | vertical-align |
空白文字の表示方法を指定する(折り返しの指定) | white-space |
文字を表示する方向を指定する | direction |
文字の表示する方向を指定する | unicode-bidi |
文字の間隔
目的 | CSSプロパティ |
行間を指定する | line-height |
文字と文字の間隔を指定する | letter-spacing |
単語と単語の間隔を指定する(半角英字の単語に適用) | word-spacing |
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-11-22