3 プロパティ 一 覧 定 義 機 能 @charset エンコードの 種 類 の 指 定 @font-face 3 Web フォント @import 外 部 スタイルシートファイルのインポート @keyframes 3 アニメーションのキーフレームの 指 定 10 @media 3 メディアクエリ @namespace 3 名 前 空 間 の 指 定 @page ページメディアの 設 定 @page:first 3 1ページ 目 の 設 定 @page:left 3 左 ページの 設 定 @page:right 3 右 ページの 設 定 描 画 ~: calc() 3 計 算 結 果 を 値 として 利 用 ~: canvas() 拡 張 Canvas の 機 能 で 描 画 した 画 像 の 利 用 ~: counter() カウンターの 挿 入 ~: element() 3 HTML 要 素 の 画 像 化 ~: gradient() 拡 張 グラデーションの 表 示 ~: hsl() 3 HSL カラーの 指 定 ~: hsla() 3 HSLA カラーの 指 定 ~: linear-gradient() 3 線 形 グラデーションの 表 示 10 ~: radial-gradient() 3 円 形 グラデーションの 表 示 10 ~: radial-gradient() 3 円 形 グラデーションの 表 示 10 ~: repeating-linear-gradient() 3 線 形 グラデーションの 繰 り 返 し 10 ~: repeating-radial-gradient() 3 円 形 グラデーションの 繰 り 返 し 10 ~: rgb() RGB カラーの 指 定 ~: rgba() 3 RGBA カラーの 指 定 ~:image-rect() 拡 張 画 像 の 部 分 利 用 1
アニメーション animation 3 アニメーションの 指 定 10 animation-delay 3 アニメーションのディレイ 10 animation-direction 3 アニメーションの 方 向 10 animation-duration 3 アニメーションの 再 生 時 間 10 animation-fill-mode 3 アニメーションのディレイ 中 と 再 生 後 の 表 示 10 animation-iteration-count 3 アニメーションの 繰 り 返 し 10 animation-name 3 アニメーションのキーフレーム 名 10 animation-play-state 3 アニメーションの 再 生 と 一 時 停 止 10 animation-timing-function 3 アニメーションの 補 間 方 法 10 外 観 appearance 3 アピアランス backface-visibility 3 裏 面 の 表 示 10 background 3 背 景 の 指 定 background-attachment 3 背 景 画 像 の 固 定 対 象 background-clip 3 背 景 画 像 の 表 示 エリア background-color 背 景 色 background-image 3 背 景 画 像 background-inline-policy 拡 張 ボックスが 途 切 れる 場 合 の 表 示 スタイル background-origin 3 背 景 画 像 の 表 示 位 置 の 基 点 background-position 3 背 景 画 像 の 表 示 位 置 background-repeat 3 背 景 画 像 の 表 示 スタイル background-size 3 背 景 画 像 の 表 示 サイズ 2
ボーダー border 罫 線 の 指 定 border-collapse テーブルの 罫 線 の 表 示 方 法 border-color 罫 線 の 色 border-end 拡 張 書 字 方 向 に 合 わせた 罫 線 の 表 示 border-image 3 画 像 を 使 った 罫 線 の 表 示 border-radius 3 角 丸 の 指 定 border-spacing テーブルの 罫 線 の 間 隔 border-start 拡 張 書 字 方 向 に 合 わせた 罫 線 の 表 示 border-style 罫 線 のスタイル border-end 拡 張 書 字 方 向 に 合 わせた 罫 線 の 表 示 border-top border-right border-bottom 各 辺 の 罫 線 の 指 定 border-left border-top-color border-right-color border-bottom-color 各 辺 の 罫 線 の 色 border-left-color border-top-left-radius border-top-right-radius border-bottom-right-radius 3 各 角 の 角 丸 の 半 径 border-bottom-left-radius border-top-style border-right-style border-bottom-style 各 辺 の 罫 線 のスタイル border-left-style border-top-width border-right-width border-bottom-width 各 辺 の 罫 線 の 太 さ border-left-width border-width 罫 線 の 太 さ bottom ポジショニング: 基 点 の 下 辺 からの 距 離 3
ボックス box-align 3 flexbox アイテムの 縦 方 向 の 揃 え 位 置 10 box-decoration-break 3 ボックスが 途 切 れる 場 合 の 表 示 スタイル box-flex 3 flexbox アイテムをスペースに 合 わせた 大 きさで 表 示 10 box-ordinal-group 3 flexbox アイテムの 表 示 順 10 box-orient 3 flexbox アイテムを 並 べる 方 向 10 box-pack 3 flexbox アイテムの 横 方 向 の 揃 え 位 置 10 box-reflect 拡 張 鏡 像 の 表 示 box-shadow 3 ボックスのドロップシャドウ box-sizing 3 ボックスの 大 きさの 算 出 方 法 resize 3 ボックスのリサイズ ブレイク break-after 3 マルチカラムの 改 段 :ボックスの 後 での 処 理 10 break-before 3 マルチカラムの 改 段 :ボックスの 前 での 処 理 10 break-inside 3 マルチカラムの 改 段 :ボックス 内 での 処 理 10 clip 画 像 の 切 り 抜 き clear 回 り 込 みの 解 除 カラム caption-side テーブルのキャプションの 表 示 位 置 column-count 3 マルチカラムの 段 の 数 10 column-fill 3 マルチカラムの 段 のバランス 10 column-gap 3 マルチカラムの 段 の 間 隔 10 column-rule 3 マルチカラムの 区 切 り 線 10 column-rule-color 3 マルチカラムの 区 切 り 線 の 色 10 column-rule-style 3 マルチカラムの 区 切 り 線 のスタイル 10 column-rule-width 3 マルチカラムの 区 切 り 線 の 太 さ 10 column-count 3 マルチカラムの 段 の 数 10 columns 3 マルチカラムの 段 の 数 と 横 幅 10 column-span 3 マルチカラムの 段 にまたがる 表 示 の 指 定 10 column-width 3 マルチカラムの 段 の 横 幅 10 4
コンテンツ content 3 コンテンツの 挿 入 置 換 counter-increment カウンターの 増 減 値 counter-reset カウンターの 初 期 値 cursor 3 カーソルの 種 類 direction 書 字 方 向 display 3 ボックスの 種 類 display 3 フレキシブルボックスレイアウト 10 display 3 グリッドレイアウト 10 empty-cells 空 セルの 表 示 フロー float 配 置 と 回 り 込 みの 指 定 float 3 Positioned Floats: 位 置 指 定 した 要 素 に 対 する 回 り 込 み の 指 定 10 flow-from 3 リージョンの 指 定 10 flow-into 3 リージョンに 流 し 込 むコンテンツの 指 定 10 flow-wrap 3 positioned float 要 素 に 対 する 回 り 込 みの 解 除 10 フォント font 文 字 のデザイン font-family フォント font-feature-settings 3 OpenType フォントの 字 形 の 切 り 替 え font-size 3 文 字 の 大 きさ font-size-adjust 3 文 字 サイズの 自 動 調 節 font-smoothing 拡 張 アンチエイリアス 処 理 font-style 斜 体 のスタイル font-variant 字 形 font-weight 文 字 の 太 さ color 文 字 の 色 表 示 visibility 表 示 の 有 無 z-index ボックスの 重 なり 順 5
グリッド grid-column 3 グリッドセルの 指 定 10 grid-column-align 3 グリッドアイテムの 揃 え 位 置 10 grid-columns 3 グリッドラインの 指 定 10 grid-column-span 3 複 数 のグリッドセルの 指 定 10 grid-row 3 グリッドセルの 指 定 10 grid-row-align 3 グリッドアイテムの 揃 え 位 置 10 grid-rows 3 グリッドラインの 指 定 10 grid-row-span 3 複 数 のグリッドセルの 指 定 10 高 さ 幅 サイズ height 高 さ hyphens 3 ハイフネーションの 利 用 10 image-rendering 3 画 像 の 拡 大 縮 小 のレンダリング 処 理 interpolation-mode 拡 張 画 像 の 拡 大 縮 小 のレンダリング 処 理 left ポジショニング: 基 点 の 左 辺 からの 距 離 letter-spacing 文 字 の 間 隔 line-break 3 禁 則 処 理 のルール line-height 行 の 高 さ リスト list-style 3 リストマークのデザイン list-style-image リストマークの 画 像 list-style-position リストマークの 表 示 位 置 list-style-type 3 リストマークの 種 類 margin マージンの 大 きさ マーキー marquee-direction 3 マーキーの 動 きの 方 向 marquee-play-count 3 マーキーの 繰 り 返 しの 回 数 marquee-speed 3 マーキーの 動 きのスピード marquee-style 3 マーキーの 動 きのスタイル 6
外 側 余 白 margin マージンの 大 きさ margin-top margin-right margin-bottom margin-left 各 辺 のマージンの 大 きさ 内 側 余 白 padding パディングの 大 きさ padding-top padding-right padding-bottom padding-left 各 辺 のパディングの 大 きさ マスク mask 拡 張 マスクの 指 定 mask-attachment 拡 張 マスク 画 像 の 固 定 対 象 mask-box-image 拡 張 マスク 画 像 の 指 定 mask-clip 拡 張 マスク 画 像 の 表 示 エリア mask-image 拡 張 マスク 画 像 の 指 定 mask-origin 拡 張 マスク 画 像 の 基 点 の 位 置 mask-position 拡 張 マスク 画 像 の 表 示 位 置 mask-repeat 拡 張 マスク 画 像 の 表 示 スタイル mask-size 拡 張 マスク 画 像 の 大 きさ 最 大 最 小 max-height 高 さの 最 大 値 max-width 横 幅 の 最 大 値 min-height 高 さの 最 小 値 min-width 横 幅 の 最 小 値 nbsp-mode 拡 張 ノーブレークスペースの 処 理 7
オブジェクト object-fit 3 ボックスに 合 わせた 画 像 サイズの 調 節 object-position 3 ボックス 内 での 画 像 の 表 示 位 置 opacity 透 明 度 プログレスバー orient 拡 張 プログレスバーの 向 き ページ 末 尾 orphans ページの 末 尾 に 最 小 限 必 要 な 行 数 アウトライン outline アウトラインの 表 示 outline-color アウトラインの 色 outline-offset 3 アウトラインのオフセット outline-style アウトラインのスタイル outline-width アウトラインの 太 さ オーバーフロー overflow オーバーフローしたコンテンツの 表 示 overflow-scrolling 拡 張 スクロールバーの 表 示 overflow-x 3 横 方 向 にオーバーフローしたコンテンツの 表 示 overflow-y 3 縦 方 向 にオーバーフローしたコンテンツの 表 示 overflow オーバーフローしたコンテンツの 表 示 改 ページ page-break-after 改 ページの 指 定 :ボックスの 後 での 処 理 page-break-before 改 ページの 指 定 :ボックスの 前 での 処 理 page-break-inside 改 ページの 指 定 :ボックス 内 での 処 理 perspective 3 子 要 素 の 透 視 投 影 引 用 符 quotes 引 用 符 の 指 定 8
ポジション perspective-origin 3 投 影 中 心 の x 軸 y 軸 方 向 の 位 置 position ポジショニングによる 位 置 指 定 position 3 ポジショニング: page による 位 置 指 定 10 top ポジショニング: 基 点 の 上 辺 からの 距 離 right ポジショニング: 基 点 の 右 辺 からの 距 離 vertical-align インライン 要 素 の 位 置 揃 え ルビ ruby-align 3 ルビの 位 置 揃 え ruby-position 3 ルビの 表 示 位 置 テーブル table-layout テーブルの 表 示 方 法 タブ tab-size 3 タブ 幅 ハイライト tap-highlight-color 拡 張 ハイライト 表 示 の 指 定 ポップアップ touch-callout 拡 張 ポップアップメニューを 隠 す トランスフォーム transform 3 2D トランスフォーム transform 3 3D トランスフォーム 10 transform-origin 3 2D トランスフォームの 原 点 transform-origin 3 3D トランスフォームの 原 点 10 transition 3 トランジションの 指 定 10 transition-delay 3 トランジションのディレイ 10 transition-duration 3 トランジションの 再 生 時 間 10 transition-property 3 トランジションさせるプロパティ 10 transition-timing-function 3 トランジションの 補 間 方 法 10 9
テキスト text-align 3 行 揃 え text-align-last 行 揃 え text-autospace 3 数 字 やアルファベットの 前 後 の 余 白 の 処 理 text-decoration 下 線 上 線 取 り 消 し 線 の 表 示 text-decoration-line 3 下 線 上 線 取 り 消 し 線 の 種 類 text-decoration-color 3 下 線 上 線 取 り 消 し 線 の 色 text-decoration-style 3 下 線 上 線 取 り 消 し 線 のスタイル text-emphasis 3 圏 点 の 指 定 text-emphasis-color 3 圏 点 の 色 text-emphasis-position 3 圏 点 の 表 示 位 置 text-emphasis-style 3 圏 点 のスタイル text-fill-color 拡 張 文 字 の 色 text-indent 1 行 目 のインデント text-justify 3 両 端 揃 えの 調 節 方 法 text-overflow 3 オーバーフローしたテキストの 省 略 表 示 text-rendering 拡 張 欧 文 のレンダリング 処 理 text-shadow 3 文 字 のドロップシャドウ 10 text-size-adjust 拡 張 ios Mobile Safari の 文 字 サイズの 自 動 調 節 text-stroke 拡 張 文 字 のアウトライン text-stroke-color 拡 張 文 字 のアウトラインの 色 text-stroke-width 拡 張 文 字 のアウトラインの 太 さ text-transform 字 形 の 変 換 text-underline-position 3 下 線 の 表 示 位 置 white-space 改 行 コード タブ スペースの 表 示 widows ページの 先 頭 に 最 小 限 必 要 な 行 数 width 横 幅 word-break 3 自 動 改 行 のルール word-spacing 単 語 の 間 隔 word-wrap 長 い 単 語 の 改 行 ルール writing-mode 3 縦 書 き 横 書 きの 指 定 Unicode の 文 字 表 記 unicode-bidi 双 方 向 アルゴリズムの 変 更 10
用 語 に 関 する 説 明 項 目 用 語 説 明 適 用 対 象 全 ての 要 素 全 ての 要 素 ブロックレベル 要 素 ひとつのまとまりを 構 成 する 要 素 インライン 要 素 文 章 中 の 一 部 として 扱 われる 要 素 置 換 要 素 別 のものに 置 き 換 えられる 要 素 (img input textarea select object などの 要 素 ) 非 置 換 インライン 要 素 置 換 要 素 以 外 のインライン 要 素 表 関 連 要 素 表 に 関 連 する 全 ての 要 素 絶 対 位 置 決 めされた 要 素 position プロパティで absolute または fixed が 指 定 された 要 素 位 置 決 めされた 要 素 position プロパティで relative absolute または fixed が 指 定 された 要 素 生 成 内 容 の 指 定 によって 追 加 された 内 容 継 承 する そのスタイルが 子 要 素 にも 適 用 されます しない そのスタイルは 子 要 素 には 適 用 されません 11