Background-size

от Fuedo - Уеб дизайн енциклопедия

Направо към: навигация, търсене

Това е ново свойство въведено в CSS3 спецификацията. То работи заедно със свойството background-image. Това свойство ни позволява да определим размерът на фоновото изоражение.
Възможните стойности са auto, цифрова стойност или процент. Стойността auto запазва нормалните размери на снимката. Свойството може също да има една или две цифрови стойности. Ако е зададена една, то тя е приложена на щирочината и височината. Ако са зададени две стойности първата стойност определя ширината, а втората височината. Задаването на стойността в проценти деиства по същият начин като при числените. Размерите се изчисляват като процент от размерите на кутията на която е приложен фонът.
За съжаление почти няма съвременни браузъри които да поддържат това свойство.
Пример:

<html>
<head>
   <title>Пример</title>
    <style>
      background-image: url(път до снимката); 
      background-size: 50%;
    </style>
 </head>
 <body>
   <p>Фон повтарящ едно и също изображение 10 пъти</p>
  </body>
</html>

Лични инструменти