Subject   : テキスト関連のCSSの例

カテゴリー  : Home page > スタイルシート



テキスト関連のCSSの例

属性 記述例 サンプル
font-weight bold p { font-weight: bold } 強調文字
100〜900
(100step)
p { font-weight: 500 }
p { font-weight: 900 }
普通の文字
太い文字
text-decoration underline p { text-decoration: underline } 下線付き文字
line-through p { text-decoration: line-through } 抹消線付き文字
overline p { text-decoration: overline } 上線付き文字
font-style italic p { font-style: italic } 斜体文字
color 色コード p { color: #0000ff } 色付き文字
letter-spacing 数値+単位 p { letter-spacing: 1em } 文字間隔
font-family フォント名 p { font-family: serif }
 sans-serif : ゴシック系のフォント
 cursive  : 草書体(筆記体)のフォント
 fantasy  : 装飾的なフォント
 monospace : 等副フォント
明朝体
sans-serif
cursive
fantasy

   ⇒ font-size: フォントの大きさ
   ⇒ font-family: フォントの種類
   ⇒ フォントの種類と大きさ
   ⇒ 簡単な使用例があります。
   ⇒ スタイルシート CSSのプロパティ
   ⇒ スタイルシートの記述ルール

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]