CSS:-moz-outline-style

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

« Dokumentacja CSS « Dokumentacja CSS:Rozszerzenia Mozilli

[edytuj] Podsumowanie

W aplikacjach Mozilli -moz-outline-style jest używane do ustawienia stylu konturu elementu. Kontur jest linią rysowaną wokół elementu, na zewnątrz krawędzi obramowania w celu wyróżnienia elementu.

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

Począwszy od Gecko 1.8 (Firefox 1.5) wspierana jest własność outline-style standardu CSS 2.1. Preferowane jest używanie outline-style zamiast -moz-outline-style.

[edytuj] Składnia

-moz-outline-style: <style> | inherit

[edytuj] Wartości

<style> może być jedną z poniższych wartości:

none

Bez konturu (-moz-outline-width ma wartość 0).

dotted

Kontur jest serią kropek.

dashed

Kontur jest serią krótkich fragmentów linii.

solid

Kontur jest pojedynczą linią.

double

Kontur składa się z dwóch pojedynczych linii. Wartość -moz-outline-width jest sumą dwóch linii i przestrzeni między nimi.

groove

Kontur wygląda, jakby był wyrzeźbiony w obrazie.

ridge

Przeciwieństwo groove: kontur wygląda, jakby wychodził z obrazu.

inset

Kontur sprawia, że pudełko wygląda, jakby było osadzone w obrazie.

outset

Przeciwieństwo inset: kontur sprawia, że pudełko wygląda, jakby wychodziło z obrazu.

[edytuj] Powiązane własności

• -moz-outline ustawia kolor, styl i szerokość konturu.
• -moz-outline-color ustawia kolor konturu.
• -moz-outline-offset odsuwa kontur od elementu.
• -moz-outline-radius ustawia zaokrąglenie rogów konturu.
• -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-width ustawia szerokość konturu.

[edytuj] Przykłady

hbox.example {
  /* nadaje konturowi trójwymiarowy styl groove */
  -moz-outline-style: groove;
}