Przejdź do treści

CSS / Komendy CSS3

Tło i obramowanie CSS

Źródło: CSS Backgrounds and Borders Module Level 3

background

Atrybuty mieszane tła

Wartość
[<bg-layer> ,]? <final-bg-layer>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne

background-attachment

Zaczepienie tła

Wartość
<attachment>
Inicjalizacja
scroll
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-clip

Przycinanie tła

Wartość
<box>
Inicjalizacja
border-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-color

Kolor tła

Wartość
<color>
Inicjalizacja
transparent
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-image

Tło obrazkowe

Wartość
<bg-image>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-origin

Pozycja początkowa tła

Wartość
<box>
Inicjalizacja
padding-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-position

Pozycja tła

Wartość
<bg-position>
Inicjalizacja
0% 0%
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do powierzchni pozycjonowania tła minus rozmiar obrazka tła

background-repeat

Powtarzanie tła

Wartość
<repeat-style>
Inicjalizacja
repeat
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-size

Rozmiary tła

Wartość
<bg-size>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do powierchni pozycjonowania tła

border

Atrybuty mieszane obramowania obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom

Atrybuty mieszane dolnego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom-color

Kolor dolnego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom-left-radius

Zaokrąglenie dolnego-lewego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-bottom-right-radius

Zaokrąglenie dolnego-prawego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-bottom-style

Styl dolnego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom-width

Szerokość dolnego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-color

Atrybuty mieszane koloru obramowania

Wartość
<color>{1,4}
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-image

Atrybuty mieszane obramowania obrazkowego

Wartość
<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
nie
Procenty
nie

border-image-outset

Nawis obramowania obrazkowego

Wartość
[ <length [0,∞]> | <number [0,∞]> ]{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
nie

border-image-repeat

Powtarzanie obramowania obrazkowego

Wartość
[ stretch | repeat | round | space ]{1,2}
Inicjalizacja
stretch
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
nie

border-image-slice

Obcięcie obramowania obrazkowego

Wartość
[<number [0,∞]> | <percentage [0,∞]>]{1,4} && fill?
Inicjalizacja
100%
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
odnosi się do rozmiaru obrazka obramowania

border-image-source

Obramowanie obrazkowe

Wartość
none | <image>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
nie

border-image-width

Szerokość obramowania obrazkowego

Wartość
[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}
Inicjalizacja
1
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
odnosi się do szerokosći/wysokości obszaru obrazka obramowania

border-left

Atrybuty mieszane lewego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-left-color

Kolor lewego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-left-style

Styl lewego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-left-width

Szerokość lewego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-radius

Atrybuty mieszane zaokrąglenia

Wartość
<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-right

Atrybuty mieszane prawego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-right-color

Kolor prawego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-right-style

Styl prawego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-right-width

Szerokość prawego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-style

Atrybuty mieszane stylu obramowania

Wartość
<line-style>{1,4}
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top

Atrybuty mieszane górnego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top-color

Kolor górnego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top-left-radius

Zaokraglenie górnego-lewego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-top-right-radius

Zaokraglenie górnego-prawego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-top-style

Styl górnego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top-width

Szerokość górnego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-width

Atrybuty mieszane szerokości obramowania

Wartość
<line-width>{1,4}
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne

box-shadow

Cień

Wartość
none | <shadow>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Facebook