CSSでこの行は何を意味していますか？

#ffffff url(https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpg) no-repeat center center/cover

私はそれを理解しようとしています。 W3Sでは、それは構造について次のように述べていますが、私は '/'と他の属性がどのようにこの構造にマッチするのか分からないようです。まあ

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

2016-10-31 mp3por

このライン

background: #ffffff url(...) no-repeat center center/cover;

実際の簡略版である：

background-color: #ffffff; 
background-image: url(...); 
background-repeat: no-repeat; 
background-position: center center; 
background-size: cover;

/は有効なCSSです、formal syntax on MDNを参照してください。 documentationによれば

2016-10-31 16:35:09 andreas

それはFireFoxにのみ適用できますか？ – Lee

いいえ、そうではありません。 MDNの[background-size]（https://developer.mozilla.org/en/docs/Web/CSS/background-size）を参照してください。 – andreas

あなたはそれを分割する場合、あなたはそれがためには、以下を読んでいることがわかります：

background-color | background-image | background-repeat | background-position | background-size

2016-10-31 16:33:34 Lee

短縮形が動作していない '/ cover'が無効ではないのです。背景サイズです。 – Harry

それは白の背景は、この画像で覆われていること。 https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpgの場合、中央に揃えられ、幅または高さのいずれか大きい方に合わせてストレッチされ、その比率を維持します。

2016-10-31 16:34:53

"または" - カバーは、幅**と高さ**に合わせて伸び、余分な作物を収めます。 – Hogan

からcoverは、画像をスケーリングするための特別な値である：

カバー値は、両方の次元であることを保証しつつ、可能な限り小さいようになるように、背景画像は大きされるべきであることを指定しますより大きいか、または容器の対応するサイズに等しい。

ここで彼らのsample fiddle

2016-10-31 16:38:15 ochi

答えて