1.2 KiB
1.2 KiB
title | localeTitle |
---|---|
Background Size | حجم الخلفية |
حجم الخلفية
تحدد خاصية حجم الخلفية حجم صور الخلفية. يمكنك تعيين طول أو نسبة ، مع القيمة الأولى هي العرض والثانية هي الارتفاع. يمكنك أيضًا استخدام إحدى قيم الكلمات الرئيسية الخمس:
.auto {background-size: auto;} .cover {background-size: cover;} .contain {background-size: contain;} .initial {background-size: initial;} .inherit {background-size: inherit;} /* Percentage and pixel can also be used */ .pixel {background-size: 50px 50px;} .percentage {background-size: 50% 50%;}
لتعيين هذه الخاصية على صور خلفية متعددة ، قم بفصل القيم بفاصلة:
.multiple { background-image: url(1.png), url(2.png); background-size: 3px 3px, cover; }
معلومات اكثر:
الوثائق: MDN
CSS-Tricks: background-size
دعم المتصفح: caniuse