プログラム関連備忘録サイト。主にゲーム。
投稿日：
こんにちは、今日はCSSのプロパティ、object-fitの使い方についてまとめていきます。
それぞれの値適用時のイメージ図があります。
https://www.w3.org/TR/css-images-3/#propdef-object-fit
object-fitプロパティには以下の値が設定可能です。
| 値 | 説明 |
| fill | ボックスのサイズに合わせます。 |
| contain | アスペクト比を維持し、ボックスサイズに収まるように合わせます。 |
| cover | アスペクト比を維持し、ボックスサイズ一杯になるように合わせます。 |
| none | 元々のサイズからボックスのサイズ超過分がカットされます。 |
| scale-down |
関連記事
クラス名説明:activeアクティブ化されている要素:any-linkhref属性持つ要素:checkedラジオボタンやチェックボックスでチェックされている要素等:default関連する要素で規定の要 …
要素名説明::afterその要素の最後の子要素として擬似要素を作成します。::backdrop::beforeその要素の最初の子要素として擬似要素を作成します。::cue::cue-region::f …
角丸の設定を行うCSSプロパティborder-radiusの使い方
こんにちは、今日は角丸の設定を行うことができるCSSプロパティ、border-radiusの使い方についてまとめていきます。 使い方 1から4の値を指定することができます。 1つ指定した場合は4角に、 …
こんにちは、今日はWebサイトで段組レイアウトすることができるcssプロパティ、columnsの使い方についてまとめていきます。 サンプル <!DOCTYPE html> <html …
2022/01/25
2022/01/25
2022/01/24
2022/01/23