CSSリファレンス
ホームページ制作の基礎知識「CSSリファレンス」でコーディングの知識を学ぶ。
テキスト関連のプロパティ
| line-height | 行の高さを指定する |
|---|---|
| vertical-align | 縦方向の揃え位置を指定する |
| text-align | 行揃えの位置・均等割付を指定する |
| text-align-last | 最終行の行揃えを指定する |
| text-justify | 均等割付の形式を指定する(IEが独自に採用) |
| letter-spacing | 文字の間隔を指定する |
| word-spacing | 単語の間隔を指定する |
| text-indent | 一行目のインデント幅を指定する |
| tab-size | タブ幅を指定する |
| white-space | ソース中のスペース・タブ・改行の表示の仕方を指定する |
| word-break | 文の改行の仕方について指定する |
| overflow-wrap | 単語の途中で改行するかどうかを指定する |
| line-break | 禁則処理のしかたを指定する(IEが独自に採用) |
| hyphens | ハイフネーションを指定する |
| hyphenate-limit-zone | ハイフネーションを行わない余白のサイズを指定する |
| hyphenate-limit-chars | ハイフネーションの最小文字数を指定する |
| hyphenate-limit-lines | ハイフネーションが連続できる行数を指定する |
| text-overflow | テキストがあふれる場合の表示方法を指定したい |
| direction | 文字表記の方向(左右)を指定する |
| writing-mode | 文字表記の方向(縦横)を指定する(IE独自の仕様) |
| text-transform | テキストの大文字表示・小文字表示を指定する |
| text-shadow | テキストに影をつける |
フォント関連のプロパティ
| font | フォントに関する指定をまとめて行う |
|---|---|
| font-family | フォントの種類を指定する |
| font-size | フォントのサイズを指定する |
| font-size-adjust | フォントのサイズを調整する |
| font-stretch | フォントを縦長・横長にする |
| font-style | フォントをイタリック体・斜体にする |
| font-variant | フォントをスモールキャップにする |
| font-weight | フォントの太さを指定する |
| color | 文字色(前景色)を指定する |
| text-decoration | テキストの下線・上線・打ち消し線・点滅を指定する |
ボーダー関連のプロパティ
| border | ボーダーのスタイル・太さ・色を指定する |
|---|---|
| border-color | ボーダーの色を指定する |
| border-image | ボーダー画像を一括して指定する |
| border-image-outset | ボーダー画像の領域を広げる |
| border-image-repeat | ボーダー画像の繰り返し方法を指定する |
| border-image-slice | ボーダーに使用する画像の分割位置を指定する |
| border-image-source | ボーダーに使用する画像を指定する |
| border-image-width | ボーダー画像の幅を指定したい |
| border-radius | 角丸を指定する |
| border-style | ボーダーのスタイルを指定する |
| border-width | ボーダーの太さを指定する |
| box-decoration-break | ボックスが分断されるときの表示方法を指定したい |
背景関連のプロパティ
| background | 背景に関する指定をまとめて行う |
|---|---|
| background-attachment | 背景画像の固定・移動を指定する |
| background-color | 背景色を指定する |
| background-clip | 背景を表示する範囲を指定する |
| background-image | 背景画像を指定する |
| background-origin | 背景画像の基準の位置を指定する |
| background-position | 背景画像の表示開始位置を指定する |
| background-repeat | 背景画像のリピートの仕方を指定する |
| background-size | 背景画像のサイズを指定する |
リスト関連のプロパティ
| list-style | マーカーに関する指定をまとめて行う |
|---|---|
| list-style-image | マーカー画像を指定する |
| list-style-position | マーカーの表示位置を指定する |
| list-style-type | マーカー文字の種類を指定する |
テーブル関連のプロパティ
| table-layout | テーブル(表)の表示方法を指定する |
|---|---|
| border-collapse | セルのボーダーの表示の仕方を指定する |
| border-spacing | セルのボーダーの間隔を指定する |
| empty-cells | 空白セルのボーダーの表示・非表示を指定する |
| caption-side | テーブル(表)のキャプションの位置を指定する |
ボックス関連のプロパティ
| margin | マージンに関する指定をまとめて行う |
|---|---|
| padding | パディングに関する指定をまとめて行う |
| width | 幅を指定する |
| height | 高さを指定する |
| max-width | 幅の最大値を指定する |
| max-height | 高さの最大値を指定する |
| min-width | 幅の最小値を指定する |
| min-height | 高さの最小値を指定する |
| box-sizing | 幅と高さの算出方法を指定したい |
| box-shadow | ボックスに影を付ける |
| outline | アウトラインのスタイル・太さ・色を指定する |
| outline-color | アウトラインの色を指定する |
| outline-style | アウトラインのスタイルを指定する |
| outline-width | アウトラインの太さを指定する |
| outline-offset | アウトラインとボーダーとの間隔を指定する |
| resize | 要素のサイズを変更できるようにする |
レイアウト関連のプロパティ
変形関連のプロパティ
| perspective | 子要素を透視図法で表示する |
|---|---|
| perspective-origin | 子要素の透視図法の視点を変更する |
| transform | 要素に変形効果を付ける |
| transform-origin | 変形の基点を指定する |
| transform-style | 3次元上での子要素の描画方法を指定する |
| backface-visibility | 要素の裏面の表示方法を指定する |
その他のプロパティ
| align-content | 複数行の場合の交差軸方向の配置方法を指定する |
|---|---|
| animation | アニメーションのプロパティを一括して指定する |
| animation-direction | アニメーションを実行する方向を指定する |
| animation-delay | アニメーションを遅れて開始されたい |
| animation-duration | アニメーションを実行する時間を指定する |
| animation-fill-mode | アニメーションの待機中や完了後のスタイルを指定する |
| animation-name | 利用するキーフレームを指定する |
| animation-play-state | アニメーションの実行・一時停止を指定する |
| animation-timing-function | アニメーション速度のパターンを指定する |
| break-after | ボックス後での段組の改ページや区切り方法を指定する |
| break-before | ボックス前での段組の改ページや区切り方法を指定する |
| break-inside | ボックス途中での段組の改ページや区切り方法を指定する |
| column-count | 段の数を指定したい |
| column-fill | 段同士の高さのバランスを指定する |
| column-gap | 段の間隔を指定する |
| column-rule | 段を区切る線を指定する |
| column-rule-color | 段を区切る線の区切り線の色を指定する |
| column-rule-style | 段を区切る線の区切り線の種類を指定する |
| column-rule-width | 段を区切る線の区切り線の太さを指定する |
| column-width | 段の幅を指定する |
| columns | 段の数と幅を一括して指定する |
| column-span | 段にまたがる表示を指定したい |
| content | 内容(コンテンツ)を追加する |
| counter-increment | 要素の連番(カウンタ)の値を進める |
| counter-reset | 要素の連番(カウンタ)の値をリセットする |
| cursor | カーソルの形状を指定する |
| flex | アイテムの幅の増減を一括して指定する |
| flex-basis | フレックスアイテムの基本の幅を指定する |
| flex-direction | レイアウトの方向を指定する |
| flex-flow | レイアウトの方向と行数を一括して指定する |
| flex-grow | フレックスコンテナの主軸の幅に余白がある場合の、フレックスアイテムの伸び率を指定する |
| flex-shrink | フレックスコンテナの主軸の幅よりも大きい場合の、フレックスアイテムの縮み率を指定する |
| flex-wrap | アイテムを複数の行に配置する |
| filter | 様々な視覚効果を与える(IE独自の仕様) |
| justify-content | 主軸方向の配置方法を指定する |
| order | アイテムの並び順を指定する |
| orphans | 改ページされる際の前ページの最低行数を指定する |
| page | 適用するページボックス名を指定する |
| page-break-after | 印刷時の改ページ位置を指定する |
| page-break-before | 印刷時の改ページ位置を指定する |
| page-break-inside | 印刷時の要素内での改ページを避ける |
| pause | 要素の前後の音声の一時停止をまとめて指定する |
| pause-after | 要素の後の音声の一時停止を指定する |
| pause-before | 要素の前の音声の一時停止を指定する |
| pitch | 声の高低を指定する |
| pitch-range | 声の高低の幅を指定する |
| play-during | 背景音(BGMなど)を指定する |
| quotes | 引用符を設定する |
| richness | 声の豊かさを指定する |
| ruby-align | ルビの行揃え位置を指定する(IEが独自に採用) |
| ruby-overhang | ルビの表示領域を指定する(IEが独自に採用) |
| ruby-position | ルビの表示位置を指定する(IEが独自に採用) |
| scrollbar-3dlight-color | スクロールバーの左端と上端の色を指定する(IE独自) |
| scrollbar-arrow-color | スクロールバーの矢印の色を指定する(IE独自) |
| scrollbar-base-color | スクロールバーのベース色を指定する(IE独自) |
| scrollbar-darkshadow-color | スクロールバーの右端と下端の色を指定する(IE独自) |
| scrollbar-face-color | スクロールバーの表面の色を指定する(IE独自) |
| scrollbar-highlight-color | スクロールバーのハイライトの色を指定する(IE独自) |
| scrollbar-shadow-color | スクロールバーの影の色を指定する(IE独自) |
| scrollbar-track-color | スクロールバーの下地の色を指定する(IE独自) |
| size | ページボックスのサイズと向きを指定する |
| speak | 読み上げ方法を指定する |
| speak-header | 表見出しの読み上げ方法を指定する |
| speak-numeral | 数字の読み方を指定する |
| speak-punctuation | 句読点や記号を読み上げるかどうかを指定する |
| speech-rate | 読み上げる速さを指定する |
| stress | アクセントの強弱を指定する |
| text-autospace | アルファベット等との間隔を指定する(IEが独自に採用) |
| text-underline-position | 下線の表示位置を指定する(IE独自の仕様) |
| transition | トランジションのプロパティを一括指定する |
| transition-property | トランジション効果をつける |
| transition-duration | トランジションにかける時間を指定する |
| transition-timing-function | トランジションの速度のパターンを指定する |
| unicode-bidi | Unicodeの文字表記の方向を上書きする |
| voice-family | 声の種類を指定する |
| volume | 音量(ボリューム)を指定する |
| wrap-flow | 除外要素を指定する |
| wrap-margin | 除外要素の周りの余白を指定する |
| wrap-through | 除外要素への回り込みを制御する |
| widows | 改ページされる際の次ページの最低行数を指定する |
| zoom | 拡大・縮小表示する(IE独自の仕様) |