CATEGORY
テキストフォント
文字(フォント)に対して、色を変えたり大きさを変えるなどの装飾を加えるスタイルシート一覧です。
テキストフォント関連のスタイルシート
文字(フォント)に対して、色を変えたり大きさを変えるなどの装飾を加えるスタイルシート一覧です。以下の書式一覧より目的の書式を選んでください。解説ページに飛びます。
文字を装飾する
- 文字の大きさを変える font-size
- 文字の色を変える color
- 文字の太さを変える font-weight
- 文字を斜体にする font-style
- 文字の種類を指定する font-family
- システムフォントを使う font
- フォントのスタイルシートを一度に指定する font
- 文字の上下に線を引く text-decoration
- 文字に取消線を引く text-decoration
- 文字を点滅させる text-decoration
- 文字の飾りを解除する text-decoration
位置を調節する
- 下線の位置を調整する text-underline-position
- 文字の間隔を調整する letter-spacing
- 単語の間隔を調整する word-spacing
- 文字の高さを揃える vertical-align
- 文字の均等割付け text-justify
- 文字下げ(インデント)を行う text-indent
- 漢字と半角英数字の文字間隔を調整する text-autospace
行を調節する
改行の処理
- 単語の途中の改行の処理を指定する word-break
- 英単語の途中の改行の処理を指定する word-wrap
アルファベット/その他
- アルファベットを小さな大文字にする font-variant
- アルファベットの大文字/小文字の表示方法を指定する text-transform
- 禁則処理を適用する line-break
- スペースの表示方法を変える white-space
最新リファレンス
- 2020年4月20日
文字の大きさを変える
font-size CSSの書き方 font-size:値 … ; CSSの詳細情報 プロパティ名 font-size 対応ブラウザ Windows MAC 読 […]
- 2020年4月20日
文字下げ(インデント)を行う
text-indent CSSの書き方 text-indent:値 ; CSSの詳細情報 プロパティ名 text-indent 読み方 テキスト・インデント 初 […]
- 2020年4月20日
漢字と半角英数字の文字間隔を調整する
text-autospace CSSの書き方 text-autospace:値 値 … ; CSSの詳細情報 プロパティ名 text-autospace: 読み […]