Lesson-7
CSS で飾りを追加しましょう

目次

• L7.1 はじめに
  • L7.1.1 概要
• L7.2 バックグランド系プロパティ
  • L7.2.1 background-color プロパティ（背景色）
  • L7.2.2 background-clip プロパティ（背景の対象領域）
  • L7.2.3 background-image プロパティ（背景画像のファイル）
  • L7.2.4 background-repeat プロパティ（背景画像の繰り返し）
  • L7.2.5 background-size プロパティ（背景画像のサイズ）
  • L7.2.6 background-attachment プロパティ（背景画像の位置）
  • L7.2.7 background-origin プロパティ（背景の配置領域）
  • L7.2.8 background-position プロパティ（背景画像の初期位置）
  • L7.2.9 background-position-x プロパティ（背景画像の横方向配置位置）
  • L7.2.10 background-position-y プロパティ（背景画像の縦方向配置位置）
  • L7.2.11 background プロパティ（背景の一括指定）
  • L7.2.12 background-blend-mode プロパティ（背景の混合方式）
  • L7.2.13 backdrop-filter プロパティ（背後のフィルター適用）
• L7.3 テーブル系プロパティ
  • L7.3.1 border-collapse プロパティ（隣接セルの表示方法）
  • L7.3.2 border-spacing プロパティ（隣接セルのボーダー間の間隔）
  • L7.3.3 caption-side プロパティ（テーブルキャプションの配置位置）
  • L7.3.4 empty-cells プロパティ（空白セルの表示形式）
  • L7.3.5 table-layout プロパティ（セルのレイアウト形式）
• L7.4 飾り系その他のプロパティ
  • L7.4.1 accent-color プロパティ（強調色）
  • L7.4.2 box-shadow プロパティ（ボックスの影）
  • L7.4.3 content プロパティ（挿入コンテンツ）
  • L7.4.4 cursor プロパティ（マウスカーソル形状）
  • L7.4.5 filter プロパティ（グラフィック効果）
  • L7.4.6 opacity プロパティ（透明度）
  • L7.4.7 rotate プロパティ（回転変換）
  • L7.4.8 scale プロパティ（倍率変換）
  • L7.4.9 user-select プロパティ（選択可否）
  • L7.4.10 visibility プロパティ（表示可否）
  • L7.4.11 vertical-align プロパティ（垂直方向位置）
  • L7.4.12 zoom プロパティ（拡大・縮小）
• L7.5 擬似クラス系セレクター
  • L7.5.1 link 擬似クラス（未訪問リンクスタイル）
  • L7.5.2 visited 擬似クラス（訪問済リンクスタイル）
  • L7.5.3 hover 擬似クラス（オンカーソルスタイル）
  • L7.5.4 active 擬似クラス（アクティブスタイル）
  • L7.5.5 first-child/last-child 擬似クラス（先頭・最終の子要素指定）
  • L7.5.6 nth-child 擬似クラス（n 番目の子要素指定）
  • L7.5.7 nth-of-type 擬似クラス（同一のセレクターを持つ n 番目の子要素指定）
  • L7.5.8 not 擬似クラス（指定値以外の要素指定）
  • L7.5.9 擬似クラス サンプルコード
• L7.6 擬似要素系セレクター
  • L7.6.1 first-letter 擬似要素（要素の 1 文字目を指定）
  • L7.6.2 first-line 擬似要素（要素の 1 行目を指定）
  • L7.6.3 before/after 擬似要素（要素の直前・直後にコンテンツの挿入）
  • L7.6.4 擬似要素 サンプルコード