ドキュメント : Property

CSSのfontプロパティをご紹介します。fontfontは要素のフォントやサイズなど様々なプロパティを一括定義します。基本構文font: スタイル 変形 太さ 横幅 サイズ/行間 書体;サイズと書体は必須項目です。各値は個別プロパティで設定することもできます。スタイル文字のスタイル（通常体、筆記体、斜体など）です。個別で定義するにはfont-styleプロパティを定義します。詳しくは次の記事をご

スタイルのプロパティの１つ、font-sizeについてご紹介します。font-sizefont-sizeは文字のサイズを定義します。基本構文font-size: 値;サンプル次のサンプルは文字のサイズを36pxに設定します。<style>p { font-size: 36px;}</style><p>text text text text text<

スタイルのプロパティの１つ、font-familyについてご紹介します。font-familyfont-familyは文字の書体を定義します。基本構文font-family: 値;複数の書体を指定する場合は、カンマ（,）で値を区切ります。font-family: 値, 値, 値;値が複数ある場合、左から優先して書体の適用可否を判定します。可能な場合は適用し、不可の場合は次の書体を検証します。書体の

スタイルのプロパティの１つ、font-weightについてご紹介します。font-weightfont-weightは文字の太さを定義します。基本構文font-weight: 値;値はキーワードまたは数値で指定できます。太さの種類太さの種類は書体によって様々です。例えば、游ゴシックには次のような太さがあります。書体プレビューnormalTEXTboldTEXT100TEXT900TEXTOSやブラ

スタイルのプロパティの１つ、font-styleについてご紹介します。font-stylefont-styleは文字のスタイル（通常体、筆記体、斜体など）を定義します。基本構文font-style: 値;スタイルの種類スタイルの種類は書体によって様々です。例えば、游ゴシックには次のような太さがあります。スタイルプレビューnormalTEXTitalicTEXTobliqueTEXTOSやブラウザに

スタイルのプロパティの１つ、font-variantについてご紹介します。font-variantfont-variantは文字の変化形を一括定義します。基本構文font-variat: 値;変化形の種類変化形の種類は書体によって様々です。例えば、游ゴシックには次のような変化形があります。書体意味プレビューnormal変形なしtextsmall-capsアルファベットの小文字を大文字かつ小さく変形

スタイルのプロパティの１つ、font-stretchについてご紹介します。font-stretchfont-stretchは文字の横幅を定義します。基本構文font-stretch: 値;値値は書体によって様々です。一般的に次のキーワードが広く使われます。値意味normal通常幅semi-condensed, condensed, extra-condensed, ultra-condensed狭

スタイルのプロパティの１つ、line-heightについてご紹介します。line-heightline-heightは文字の行間を定義します。基本構文line-height: 値;サンプル次のサンプルは文字の行間を36pxに設定します。<style>p { line-height: 36px;}</style><p> text text text t

CSSのtext-alignプロパティについてご紹介します。text-aligntext-alignはインライン要素やテキストの水平方向位置のプロパティです。基本構文text-align: 値;値一般的な値は次の通りです。値意味start書字方向に寄せる（左ならleft、右ならrightと同じ）end書字方向の逆に寄せる（左ならright、右ならleftと同じ）left左寄せright右寄せcen

CSSのwriting-modeプロパティについてご紹介します。writing-modewriting-modeはテキストの横書き・縦書きを表すプロパティです。基本構文writing-mode: 値;値代表的な値は次の通りです。値意味horizontal-tb横書きvertical-rl縦書き（右開始）vertical-lr縦書き（左開始）サンプル横書き次のサンプルはテキストを横書き表示します。&