CSS リファレンス（逆引き）
Webアイコン
| ■見出しの前方にWebアイコン h1:before |
アニメーション
| ■アニメーション transition |
インプット
| ■input text |
| ■input submit |
| ■input outline |
カーソル
| ■カーソル cursor |
グリッド
テキスト
| ■上揃え vertical-align |
| ■テキストのセンター揃え text-align |
| ■リンク 飾りなし text-decoration:none; |
| ■リンク 飾り text-decoration:underline; |
テーブル
| ■テーブルの枠線の太さ border-collapse |
ディスプレイ
| ■flex 幅を自動的に調整 flex |
| ■flex 横並び display:flex; |
| ■文字列をブロックにする display:block; |
| ■インラインブロック inline-block |
| ■flexの指定 display: flex; |
| ■表示なし display:none; |
トランジション
| ■メニューバーを動かす 速さ |
フォント
| ■bodyの文字設定 font-family: |
| ■フォントサイズ font-size |
| ■フォントカラー color |
| ■Webフォント Awesome |
| ■フォントサイズ font-weight |
| ■HTMLフォントサイズ font-size |
フレックス
| ■flex 画面が狭くなったら自動的に折り返し flex-flow |
| ■flex 上下中央 align-items |
| ■flex 開始位置 align-items |
| ■上下中央 align-items |
| ■flex 自動で改行 flex-flow |
| ■flex左右中央 justify-content |
| ■ボックスの位置合わせ justify-self |
ボックスサイズ
| ■ボックスサイズの算出方法を指定 box-sizing |
ボーダー
| ■ボーダー 角を丸く border-radius |
ポジション
| ■ポジションの基準 position |
| ■ポジションの基準 position |
| ■ポジション position: fixed; |
| ■ポジション position: relative; |
リスト
| ■リスト表示のリセット list-style |
リセット
| ■要素リセット *{ } |
リンク
| ■リンク a:hover |
| ■リンク a:link |
| ■リンク a:visited |
レイヤー
| ■レイヤー z-index |
レスポンシブ
| ■レスポンシブ 以下のとき media_screen_max |
| ■レスポンシブ 以上のとき media_screen_min |
| ■レスポンシブ media screen |
余白
| ■余白 padding |
区切り線
| ■hrの線 |
幅
| ■コンテナーなど マックスの幅 line-height |
影
| ■borderの影 box-shadow |
文字
| ■文字の折り返し word-break |
| ■文字の折り返し white-space |
| ■文字の折り返し overflow |
| ■プログラムのコードを改行表示したいとき pre |
| ■プログラムのコードを表示したいとき code |
| ■文字列にアンダーラインを引く background |
| ■字下げ text-indent |
| ■文字間 letter-spacing |
| ■行間 line-height |
画像
| ■画像の縮小 object-fit |
| ■画像の下にある余白をなくす vertical-align |
| ■画像のトリミング object-fit |
| ■イメージのはみだし部分 overflow |
背景
行
| ■行の高さ line-height |
見出し
| ■見出しの太字をなくす font-weight |
透明度
| ■枠線をRGBで指定して透明度も指定 box-shadow |
| ■透明度 opacity |
配置
| ■flex 左そろえ justify-content |
| ■flex 両端そろえ justify-content |
