Inne działy

 

 

CSS właściwość background-repeat

 

Definicja i Wykorzystanie

Właściwość background-repeat  określa, jak obraz tła będzie się powtarzać.

Domyślnie, background-image jest powtarzany zarówno pionowo jak i poziomo.

Wartość domyślna: repeat
Dziedziczenie: nie
Wersja: CSS1
JavaScript składnia: object.style.backgroundRepeat="repeat-y"

 

Właściwość background-repeat jest obsługiwana przez wszystkie główne przeglądarki.

Uwaga: wartość "inherit" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".

Wartości właściwości

 

WartośćOpis
repeat Obraz tła będzie powtarzany zarówno pionowo jak i poziomo. Jest to domyślne ustawienie
repeat-x Obraz tła będzie powtarzany tylko poziomo
repeat-y Obraz tła będzie powtarzany tylko pionowo
no-repeat Background-image nie będzie powtarzany
inherit Określa, że właściwość background-repeat powinna być dziedziczona z elementu nadrzędnego

 

Przykład

body {
  background-image: url(/img/mojobraz.jpg);
  background-repeat: no-repeat;
  background-position: 30% 80%;
}

Przykład

<! DOCTYPE html>
<html>
   <head>
     <style type="text/css">
       . {background
         border: 1px solid # 000;
         background-image: url ("images / obraz.png ');
         background-position: 50% 50%;
         background-repeat: repeat-y;
       }
     </ style>
   </ head>
   <body>
     <h1> background-repeat Przykład </ h1>
     <div class="background"> <p> przykład właściwości background-repeat. </ P> </ div>
   </ body>
</ html>

 

Przykład

 

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
</style>
</head>

<body>
<p>repeat-y będzie powtarzany obraz tła tylko pionowo.</p>
</body>
</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.