CSS:-moz-outline-radius

z Mozilla Developer Center, polskiego centrum programistów Mozilli.

« Dokumentacja CSS « Dokumentacja CSS:Rozszerzenia Mozilli

[edytuj] Podsumowanie

W aplikacjach Mozilli -moz-outline-radius może być używane do nadania konturowi zaokrąglonych rogów. Kontur jest linią rysowaną wokół elementu, na zewnątrz krawędzi obramowania w celu wyróżnienia elementu.

• Wartość początkowa: 0
• Dotyczy: wszystkie elementy
• Dziedziczony: nie

[edytuj] Składnia

-moz-outline-radius: <outline-radius>{1,4} | inherit ;

[edytuj] Wartości

<outline-radius> reprezentuje jedną w wartości:

<length> 

długość

<percentage> 

procenty, względem szerokości pudełka

Zatem używane są 4 wartości w porządku górny lewy, górny prawy, dolny prawy i dolny lewy. Jeśli podane są mniej niż 4 wartości, lista wartości jest powtarzana do uzupełnienia pozostałych wartości.

[edytuj] Powiązane własności

• -moz-outline ustawia kolor, styl i szerokość konturu.
• -moz-outline-color ustawi kolor konturu.
• -moz-outline-offset odsuwa kontur od elementu.
• -moz-outline-radius-bottomleft ustawia zaokrąglenie dolnego lewego rogu.
• -moz-outline-radius-bottomright ustawia zaokrąglenie dolnego prawego rogu.
• -moz-outline-radius-topleft ustawia zaokrąglenie górnego lewego rogu.
• -moz-outline-radius-topright ustawia zaokrąglenie górnego prawego rogu.
• -moz-outline-style ustawia styl konturu.
• -moz-outline-width ustawia szerokość konturu.

[edytuj] Przykłady

hbox.example {
  -moz-outline: #000000 solid 10px;
  width: 500px;
  height: 500px;
  /* kontur wygnie się w kształt litery 'D' */
  -moz-outline-radius: 10px 200px 200px 10px;
}

[edytuj] Znane błędy

Te błędy są takie same jak w -moz-border-radius.

• Obrazki tła wychodzą poza zaokrąglone obramowania błąd 24998
• Zaokrąglone obramowania wspierają jedynie wartość solid dla border-style. błąd 24998