Podsumowanie
W aplikacjach opartych na Gecko -moz-outline jest używany do ustawiania konturu elementu. Kontur jest linią rysowaną na zewnątrz krawędzi obramowania w celu wyróżnienia elementu.
| Wartość początkowa | as each of the properties of the shorthand:
|
|---|---|
| Stosowana do | wszystkich elementów |
| Dziedziczona | no |
| Media | visual, interactive |
| Wartość wyliczona | as each of the properties of the shorthand:
|
| Animatable | as each of the properties of the shorthand:
|
| Canonical order | order of appearance in the formal grammar of the values |
Składnia
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit];
Wartości
- -moz-outline-color
- Ustawia kolor konturu. Zobacz
-moz-outline-color. - -moz-outline-style
- Ustawia styl konturu. Zobacz
-moz-outline-style. - -moz-outline-width
- Ustawia szerokość konturu. Zobacz
-moz-outline-width.
Powiązane własności
-moz-outline-colorustawia kolor konturu.-moz-outline-offsetodsuwa kontur od elementu.-moz-outline-radiusustawia zaokrąglenie rogów konturu.-moz-outline-radius-bottomleftustawia zaokrąglenie dolnego lewego rogu.-moz-outline-radius-bottomrightustawia zaokrąglenie dolnego prawego rogu.-moz-outline-radius-topleftustawia zaokrąglenie górnego lewego rogu.-moz-outline-radius-toprightustawia zaokrąglenie górnego prawego rogu.-moz-outline-styleustawia styl konturu.-moz-outline-widthustawia szerokość konturu.
Przykłady
hbox.example {
/* ciągły czerwony kontur o szerokości 10px */
-moz-outline: red solid 10px;
}