outline - Kurs HTML i CSS
Obramowanie CSS / Styl obrysu {outline-style}selektor { outline-style: styl } Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obrysu. Przykład outline-style: none dashed - linia kreskowa. Przykład outline-style: dashed dotted - linia kropkowa. Przykład outline-style: dotted solid - linia ciągła. Przykład outline-style: solid double - linia ciągła podwójna. Przykład outline-style: double groove - "rowek". Przykład...
- Obramowanie CSS / Szerokość obrysu {outline-width}
selektor { outline-width: szerokość } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać: thin - cienki obrys medium - średni obrys thick - gruby obrys lub konkretną wartość w jednostkach długości UWAGA! Należy jednocześnie podać styl obrysu. Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-width}...
- Obramowanie CSS / Kolor obrysu {outline-color}
selektor { outline-color: kolor } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy wpisać definicję koloru. Wpisanie invert ustali kolor będący odwróceniem barw koloru tła. UWAGA! Należy jednocześnie podać styl obrysu. Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-color} outline-color: blue
- Obramowanie CSS / Atrybuty mieszane obrysu {outline}
selektor { outline: wartości atrybutów } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać kolejne wartości (oddzielone spacjami) jakie mają przyjąć atrybuty obrysu. Polecenie pozwala podać kilka atrybutów obrysu w jednej komendzie (podobnie jak przy obramowaniu). Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu...
- Komendy CSS 2 / outline
WARTOŚĆ [ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit OPIS Atrybuty mieszane obrysu INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive
- Obramowanie CSS / Odstęp obrysu {outline-offset}
(CSS 3 - interpretuje Firefox, Opera, Chrome) selektor { outline-offset: rozmiar } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać odstęp wyrażony w jednostkach długości. Standardowo obrys jest rysowany bezpośrednio na krawędzi elementu. Możemy go jednak nieco od niego odsunąć, jeśli uważamy, że dzięki temu będzie on wyglądał bardziej estytycznie. Przy tworzeniu obrysu możesz również skorzystać ze...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
Źródło: CSS Basic User Interface Module Level 3 (CSS3 UI) Spis treści box-sizing caret-color cursor outline outline-color outline-offset outline-style outline-width resize text-overflow box-sizing Wymiarowanie pudełka Wartość content-box | border-box Inicjalizacja content-box Zastosowanie wszystkie elementy, które akcektują szerokość i wysokość Dziedziczenie nie Procenty nie Media visual caret-color Kolor karetki tekstowej Wartość auto | <color> Inicjalizacja auto...
- Komendy CSS 2 / outline-color
WARTOŚĆ <color> | invert | inherit OPIS Kolor obrysu INICJALIZACJA inverit ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive
- Komendy CSS 2 / outline-style
WARTOŚĆ <border-style> | inherit OPIS Styl obrysu INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive
- Komendy CSS 2 / outline-width
WARTOŚĆ <border-width> | inherit OPIS Szerokość obrysu INICJALIZACJA medium ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive