wstawianie - Kurs HTML i CSS
Obramowanie CSS / Kolor obramowania {border-...-color}Kolor górnego obramowania: selektor { border-top-color: kolor } Kolor dolnego obramowania: selektor { border-bottom-color: kolor } Kolor lewego obramowania: selektor { border-left-color: kolor } Kolor prawego obramowania: selektor { border-right-color: kolor } We wszystkich przypadkach jako "kolor" należy podać definicję koloru. [Zobacz także: Wstawianie stylów] Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij...
- Selektory elementów CSS / Selektor uniwersalny
* { cecha: wartość } gdzie wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach [zobacz także: Wstawianie stylów]. Selektor taki pozwala ustalić określone atrybuty dla wszystkich elementów strony, a więc dla różnych selektorów typu. Możemy za pomocą tej komendy nadać to samo formatowanie dla wszystkich elementów na całej stronie, niezależnie od ich typu (p, h1, li itd.). Niestety jego działanie nie zawsze jest jednoznaczne, dlatego dużo...
- Selektory elementów CSS / Selektor potomka
przodek1 przodek2 ... potomek { cecha: wartość } gdzie wyrazy "przodek1, przodek2,..." oraz "potomek" (wielokropek należy pominąć!) są selektorami typu, przy czym przodek leży wyżej w hierarchii drzewa dokumentu [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Selektor tego typu pozwala nadać atrybuty elementom, które leżą niżej w hierarchii drzewa dokumentu (zawierają się w innych zewnętrznych...
- 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...
- Selektory elementów CSS / Selektor dziecka
rodzic > dziecko { cecha: wartość } gdzie wyrazy "rodzic" oraz "dziecko" są selektorami typu, przy czym rodzic leży o jeden rząd wyżej w hierarchii drzewa dokumentu [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Selektor tego typu pozwala nadać atrybuty elementom, które leżą o jeden rząd niżej w hierarchii drzewa dokumentu (zawierają się w innym zewnętrznym znaczniku). W odróżnieniu do poprzedniego...
- Selektory elementów CSS / Selektor braci
brat1 + brat2 { cecha: wartość } gdzie wyrazy "brat1" oraz "brat2" są selektorami typu, przy czym leżą one w tym samym rzędzie hierarchii drzewa dokumentu [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Selektor ten umożliwia nadanie określonych atrybutów jednemu z sąsiadujących ze sobą braci - temu, który w deklaracji został podany jako drugi (czyli brat2). Zwykły tekst znajdujący się pomiędzy braćmi...
- Selektory elementów CSS / Grupowanie selektorów
selektor1, selektor2, selektor3... { cecha: wartość } gdzie wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach [zobacz także: Wstawianie stylów]. Taka deklaracja stylu pozwala nadać te same wartości atrybutów kilku różnym selektorom jednocześnie (bez względu na ich położenie w hierarchii drzewa dokumentu). Oznacza to, że zamiast wpisywać kilka razy te same deklaracje, wystarczy wymienić dowolną liczbę selektorów po przecinku i jednorazowo...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
Spis treści @counter-style Niestandardowy typ stylu wykazu @counter-style System cykliczny @counter-style {system: cyclic} System ustalony @counter-style {system: fixed} System symboliczny @counter-style {system: symbolic} System alfabetyczny @counter-style {system: alphabetic} System numeryczny @counter-style {system: numeric} System addytywny @counter-style {system: additive} Ujemne numery wykazu @counter-style {negative} Przedrostek i przyrostek wykazu @counter-style {prefix...