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日
スペースの表示方法を変える
white-space CSSの書き方 white-space:値 ; CSSの詳細情報 プロパティ名 white-space 読み方 ホワイト・スペース 初期 […]
- 2020年4月20日
文字の飾りを解除する
text-decoration: none; CSSの書き方 text-decoration:none ; CSSの詳細情報 プロパティ名 text-decor […]
- 2020年4月20日
下線の位置を調整する
text-underline-position CSSの書き方 text-underline-position:値 ; CSSの詳細情報 プロパティ名 text […]
- 2020年4月20日
文字の間隔を調整する
letter-spacing CSSの書き方 letter-spacing:値 ; CSSの詳細情報 プロパティ名 letter-spacing 読み方 レター […]
- 2020年4月20日
単語の間隔を調整する
word-spacing CSSの書き方 word-spacing:値 ; CSSの詳細情報 プロパティ名 word-spacing 読み方 ワード・スペーシン […]