cssプロパティ
「10日で覚える～」より。
| 色と背景 | |
|---|---|
| color | 文字色の設定 |
| background-color | 背景色を設定 |
| background-image | 背景画像を設定 |
| background-psition | 背景画像の初期表示位置を設定 |
| background-repeat | 背景画像の繰り返し方を設定 |
| background | 背景関連のプロパティの値をまとめて設定 |
| background-attachment | 背景画像の固定配置を設定 |
| opacity | 透明度を設定 |
| background-size | 背景画像の表示サイズを設定 |
| フォント | |
|---|---|
| font-size | 文字サイズの設定 |
| font-family | フォントの種類を設定 |
| font-weight | 太字を設定 |
| font-style | 斜体を設定 |
| font | フォント関連のプロパティの値をまとめて設定を設定 |
| テキスト | |
|---|---|
| line-height | 行の高さを設定 |
| text-decoration | 下線・上線・取消線・点滅を設定 |
| text-align | 行揃えを設定 |
| vertical-align | 行内での縦方向の表示位置を設定 |
| letter-spacing | 文字間隔を設定 |
| text-indent | 1行目の字下げを設定 |
| text-transform | アルファベットの大文字・小文字を設定 |
| wihte-space | 半角スペース・改行・タブの表示方法を設定 |
| text-emphasis-style | 圏点をつける |
| writing-mode | 縦書き・横書きを設定 |
| text-shadow | 文字の影を設定 |
| ボックス | |
|---|---|
| margin | マージンを設定 |
| margin-xxxxx （top、bottom、left、right） | 各マージンを設定 |
| padding | パディングを設定 |
| padding-xxxxx （top、bottom、left、right） | 各パディングを設定 |
| border-color | ボーダーの色を設定 |
| border-xxxxx-color （top、bottom、left、right） | 各ボーダーの色を設定 |
| border-width | ボーダーの太さを設定 |
| border-xxxxx-width （top、bottom、left、right） | 各ボーダーの太さを設定 |
| border-style | ボーダーの線種を設定 |
| border-xxxxx-tyle （top、bottom、left、right） | 各ボーダーの線種を設定 |
| border | ボーダーの色・太さ・線種を設定 |
| border-xxxxx （top、bottom、left、right） | 各ボーダーの色・太さ・線種を設定 |
| width | 幅の設定 |
| height | 高さの設定 |
| min-width | 最小の幅を設定 |
| min-height | 最小の高さを設定 |
| max-width | 最大の幅を設定 |
| max-height | 最大の高さを設定 |
| box-shadow | ボックスの影を設定 |
| border-radius | 角丸を設定 |
| border-top-xxxx-radius （left、right） | 上部、左右の角丸を設定 |
| border-bottom-xxxx-radius （left、right） | 下部、左右の角丸を設定 |
| resize | ボックスのリサイズを可能にするかどうかを設定 |
| 配置方法 | |
|---|---|
| float | フロートを設定 |
| clear | フロートの解除を設定 |
| position | 配置モードを設定 |
| top | 配置位置を上からの距離で設定 |
| bottom | 配置位置を下からの距離で設定 |
| left | 配置位置を左からの距離で設定 |
| right | 配置位置を右からの距離で設定 |
| z-index | 重なる順序を設定 |
| 表示方法 | |
|---|---|
| display | 表示形式を設定 |
| visibility | 透明か不透明かを設定 |
| overflow | はみ出る部分の表示方法を設定 |
| リスト関連 | |
|---|---|
| list-style-positon | 行頭記号の表示位置を設定 |
| list-style-type | 行頭記号の種類を設定 |
| list-style-image | 行頭記号として表示させる画像を設定 |
| list-style | リスト関連のプロパティの値をまとめて設定 |
| テーブル関連 | |
|---|---|
| border-collapse | 隣接するセルのボーダーをまとめて1本にするかどうかを設定 |
| border-spacing | セル同士の間隔を設定 |
| empty-cells | 空セルのボーダーと背景の表示／非表示を設定 |
| caption-side | キャプションの表示位置を設定 |
| 段組み | |
|---|---|
| column-count | 段の数を設定 |
| column-width | 段の幅を設定 |
| columns | 段の数と幅をまとめて設定 |
| column-gap | 段と段の間隔を設定 |
| column-rule-color | 段の境界線の色を設定 |
| column-rule-width | 段の境界線の太さを設定 |
| column-rule-style | 色の境界線の線種を設定 |
| column-rule | 段の境界線の色・太さ・線種をまとめて設定 |
