綴りをよく忘れるcss memo
むしろほとんど覚えてない
background
- background-color
- background-image: url("<filePath>")
- background-repeat
- repeat （初期値）
縦横に背景画像を繰り返して表示します。 - repeat-x
横方向にのみ背景画像を繰り返して表示します。 - repeat-y
縦方向にのみ背景画像を繰り返して表示します。 - no-repeat
背景画像を一回だけ表示して繰り返しません。
- repeat （初期値）
- background-position-x
- キーワード指定 left center right
- ％指定 99%
- 単位指定 99px
- background-position-y
- キーワード指定 top center bottom
- ％指定 99%
- 単位指定 99px
vertical-align
vertical-align:top;
table-layout
table-layout: fixed;
border-collapse
border-collapse: collapse;
list-style
| none | マーカーなし |
| disc | 黒丸 |
| circle | 白丸 |
| square | 黒四角 |
| lower-roman | 小文字のローマ数字 |
| upper-roman | 大文字のローマ数字 |
| lower-greek | 小文字のギリシャ文字 |
| decimal | 算用数字 |
| decimal-leading-zero | 先頭に0をつけた算用数字 |
| lower-latin | 小文字のアルファベット |
| lower-alpha | 小文字のアルファベット |
| upper-latin | 大文字のアルファベット |
| upper-alpha | 大文字のアルファベット |
| cjk-ideographic | 漢数字 |
| hiragana | ひらがなのあいうえお順 |
| katakana | カタカナのアイウエオ順 |
| hiragana-iroha | ひらがなのいろはにほへと順 |
| katakana-iroha | カタカナのイロハニホヘト順 |
| hebrew | ヘブライ数字 |
| armenian | アルメニア数字 |
| georgian | グルジア数字 |
border-style
| none | ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。 |
| hidden | ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はこの値が優先されます。 |
| solid | 1本線で表示されます。 |
| double | 2本線で表示されます。 |
| groove | 立体的に窪んだ線で表示されます。 |
| ridge | 立体的に隆起した線で表示されます。 |
| inset | 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。 |
| outset | 上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。 |
| dashed | 破線で表示されます。 |
| dotted | 点線で表示されます。 |