Przejdź do treści

CSS / Komendy CSS3

Maskowanie CSS

Źródło: CSS Masking Module Level 1

clip

Obcinanie

Wartość
rect() | auto
Inicjalizacja
auto
Zastosowanie
elementy pozycjonowane absolutnie
Dziedziczenie
nie
Procenty
nie
Media
visual

clip-path

Kształt obcinania

Wartość
<clip-source> | [ <basic-shape> || <geometry-box> ] | none
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

clip-rule

Reguły obcinania

Wartość
nonzero | evenodd
Inicjalizacja
nonzero
Zastosowanie
elementy grafiki SVG
Dziedziczenie
tak
Procenty
nie
Media
visual

mask

Atrybuty mieszane maski

Wartość
<mask-layer>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne
Media
visual

mask-border

Atrybuty mieszane maski obrazka obramowania

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

mask-border-mode

Tryb maski obrazka obramowania

Wartość
luminance | alpha
Inicjalizacja
alpha
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-outset

Nawis krawędzi

Wartość
[ <length> | <number> ]{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-repeat

Powtarzanie maski obrazka obramowania

Wartość
[ stretch | repeat | round | space ]{1,2}
Inicjalizacja
stretch
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-slice

Obcięcie maski obrazka obramowania

Wartość
<number-percentage>{1,4} fill?
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do rozmiaru maski obrazka obramowania
Media
visual

mask-border-source

Źródło maski obrazka obramowania

Wartość
none | <image>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-width

Szerokość maski obrazka obramowania

Wartość
[ <length-percentage> | <number> | auto ]{1,4}
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do szerokosći/wysokości obszaru maski obrazka obramowani
Media
visual

mask-clip

Obcięcie maski

Wartość
[ <geometry-box> | no-clip ]
Inicjalizacja
border-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-composite

Komponowanie warstw maski

Wartość
<compositing-operator>
Inicjalizacja
add
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-image

Źródło obrazka maski

Wartość
<mask-reference>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-mode

Tryb maski obrazka

Wartość
<masking-mode>
Inicjalizacja
match-source
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-origin

Obszar pozycjonowania

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

mask-position

Pozysjonowanie maski obrazka

Wartość
<position>
Inicjalizacja
0% 0%
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do powierzchni pozycjonowania maski minus rozmiar obrazka maski
Media
visual

mask-repeat

Powtarzanie maski obrazka

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

mask-size

Dopasowywanie rozmiaru maski obrazka

Wartość
<bg-size>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-type

Typ maski

Wartość
luminance | alpha
Inicjalizacja
luminance
Zastosowanie
elementy maski
Dziedziczenie
nie
Procenty
nie
Media
visual
Facebook