ドキュメント : CSS
-
【CSS】font-weight - 文字の太さ
スタイルのプロパティの1つ、font-weightについてご紹介します。font-weightfont-weightは文字の太さを定義します。基本構文font-weight: 値;値はキーワードまたは数値で指定できます。太さの種類太さの種類は書体によって様々です。例えば、游ゴシックには次のような太さがあります。書体プレビューnormalTEXTboldTEXT100TEXT900TEXTOSやブラ
-
【CSS】font-style - 文字のスタイル
スタイルのプロパティの1つ、font-styleについてご紹介します。font-stylefont-styleは文字のスタイル(通常体、筆記体、斜体など)を定義します。基本構文font-style: 値;スタイルの種類スタイルの種類は書体によって様々です。例えば、游ゴシックには次のような太さがあります。スタイルプレビューnormalTEXTitalicTEXTobliqueTEXTOSやブラウザに
-
【CSS】font-variant - 文字の変形
スタイルのプロパティの1つ、font-variantについてご紹介します。font-variantfont-variantは文字の変化形を一括定義します。基本構文font-variat: 値;変化形の種類変化形の種類は書体によって様々です。例えば、游ゴシックには次のような変化形があります。書体意味プレビューnormal変形なしtextsmall-capsアルファベットの小文字を大文字かつ小さく変形
-
-
【CSS】font-stretch - 文字の横幅
スタイルのプロパティの1つ、font-stretchについてご紹介します。font-stretchfont-stretchは文字の横幅を定義します。基本構文font-stretch: 値;値値は書体によって様々です。一般的に次のキーワードが広く使われます。値意味normal通常幅semi-condensed, condensed, extra-condensed, ultra-condensed狭
-
【CSS】line-height - 文字の行間
スタイルのプロパティの1つ、line-heightについてご紹介します。line-heightline-heightは文字の行間を定義します。基本構文line-height: 値;サンプル次のサンプルは文字の行間を36pxに設定します。<style>p { line-height: 36px;}</style><p> text text text t
-
-
-
【CSS】text-align - インライン要素の水平方向位置
CSSのtext-alignプロパティについてご紹介します。text-aligntext-alignはインライン要素やテキストの水平方向位置のプロパティです。基本構文text-align: 値;値一般的な値は次の通りです。値意味start書字方向に寄せる(左ならleft、右ならrightと同じ)end書字方向の逆に寄せる(左ならright、右ならleftと同じ)left左寄せright右寄せcen
-
【CSS】writing-mode - 横書き・縦書き
CSSのwriting-modeプロパティについてご紹介します。writing-modewriting-modeはテキストの横書き・縦書きを表すプロパティです。基本構文writing-mode: 値;値代表的な値は次の通りです。値意味horizontal-tb横書きvertical-rl縦書き(右開始)vertical-lr縦書き(左開始)サンプル横書き次のサンプルはテキストを横書き表示します。&
-
【CSS】direction - 左右書き
CSSのdirectionプロパティについてご紹介します。directiondirectionは言語の左寄せ書き・右寄せ書きを表すプロパティです。基本構文direction: 値;値代表的な値は次の通りです。値意味ltr左寄せ書きrtl右寄せ書きサンプル左寄せ書き次のサンプルはテキストを左寄せ書き表示します。<style>p { direction: ltr;}</styl
-
-
【CSS】text-orientation - 文字の向き
CSSのtext-orientationプロパティについてご紹介します。text-orientationtext-orientationは文字の向きを表すプロパティです。writing-modeがhorizontal-tb以外の場合のみ適用されます。基本構文text-orientation: 値;値代表的な値は次の通りです。値意味mixed横書き文字は横向きに、縦書き文字はそのままに表示uprig
-
【CSS】text-combine-upright - 1文字分のテキスト
CSSのtext-combine-uprightプロパティについてご紹介します。text-combine-uprighttext-combine-uprightは1文字分の幅にテキストを並べるかを表すプロパティです。主にwriting-modeがvertical-rlまたはvertical-lrの場合に使用します。基本構文text-combine-upright: 値;値代表的な値は次の通りです。