回答編集履歴
1
auto は省略してもいい旨
test
CHANGED
|
@@ -19,4 +19,16 @@
|
|
|
19
19
|
- [min() - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/min)
|
|
20
20
|
- [calc() - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/calc)
|
|
21
21
|
|
|
22
|
+
#### 追伸
|
|
23
|
+
background-size の仕様を確認したら `background-size: 数値` は `background-size: 数値 auto` の省略形だそうで、 上記の例だと `background-size: min(100%, 500px);` でも全く同じ動作しますね。
|
|
22
24
|
|
|
25
|
+
> In the following example, the background is shown with a width of 3em and its height is scaled proportionally to keep the original aspect ratio:
|
|
26
|
+
>
|
|
27
|
+
> ```css
|
|
28
|
+
> div {
|
|
29
|
+
> background-image: url(image2.png);
|
|
30
|
+
> background-repeat: repeat; /* default */
|
|
31
|
+
> background-size: 3em } /* = '3em auto' */
|
|
32
|
+
> ```
|
|
33
|
+
|
|
34
|
+
[EXAMPLE14 - CSS Backgrounds and Borders Module Level 3](https://drafts.csswg.org/css-backgrounds/#example-a61fb097)
|