学科 CSS基礎④
プロパティと値
マージン系プロパティ
- margin-top/-bottom/-left/-right プロパティ（マージン上下左右）
- margin プロパティ（マージン一括措定）
- マージンの相殺（マージンが重なる場合、数値の大きいほうが採用される）
- マイナスマージン（写真と文字を重ねて表示させたい時などに使用する）
- ボックスの中央配置
- ボックスの右端配置
その他のプロパティ
- border-radius プロパティ（ボーダーの丸み）
- box-shadow プロパティ（ボックスの影）
- box-sizing プロパティ（ボックスサイズ計算）
- content プロパティ（挿入コンテンツ）
- object-fit プロパティ（画像トリミング）
- object-position プロパティ（画像の配置位置指定）
メモ
- （親の幅に対して）均等に横並びにするとき
例）3等分にして並べる width: calc(100% / 3) - 横並びではベースラインに整列するのがデフォルト。
調整にはvertical-align プロパティ（垂直方向位置指定）を使用する - display: inline-block;では要素の間に隙間ができる
→要素を改行せずに記述すると隙間ができない - positionは最後の手段。まずはマイナスマージンなどで対応する
