CSS / Komendy CSS3
Tło i obramowanie CSS
Źródło: CSS Backgrounds and Borders Module Level 3
background
- Wartość
[<bg-layer> ,]? <final-bg-layer>
- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- zobacz cechy indywidualne
background-attachment
- Wartość
<attachment>
- Inicjalizacja
- scroll
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-clip
- Wartość
<box>
- Inicjalizacja
- border-box
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-color
- Wartość
<color>
- Inicjalizacja
- transparent
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-image
- Wartość
<bg-image>
- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-origin
- Wartość
<box>
- Inicjalizacja
- padding-box
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-position
- 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
- Wartość
<repeat-style>
- Inicjalizacja
- repeat
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-size
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Wartość
none | <shadow>
- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie