przykład - Kurs HTML i CSS
Selektory pseudoklas CSS / Atrybut języka :langselektor:lang(język) { cecha: wartość } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Jako "język" należy wpisać nazwę języka, np. pl - polski, en - angielski). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla elementów, którym został nadany z poziomu HTML atrybut języka lang="..." [zobacz: Skróty nazw języków]. Różnica...
- Czcionki CSS / Rozciągnięcie czcionki {font-stretch}
(nieinterpretowane) selektor { font-stretch: rozciąg } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozciąg" należy wpisać: ultra-condensed - najbardziej ścieśniona extra-condensed condensed - ścieśniona semi-condensed normal - czcionka normalna (podstawowa) semi-expanded expanded - rozciągnięta extra-expanded ultra-expanded - najbardziej rozciągnięta Polecenie...
- Czcionki CSS / Proporcje czcionki {font-size-adjust}
(interpretuje Firefox 3, Opera 113, Chrome 127) selektor { font-size-adjust: proporcje } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "proporcje" należy wpisać konkretną wartość, określającą stosunek wysokości małej litery do wysokości całej czcionki (liczba z przedziału 0...1). Subiektywny odbiór wielkości czcionki - a przez to jej czytelność - zależy bardziej od wysokości...
- Tekst CSS / Cień pod tekstem {text-shadow}
(interpretuje: Internet Explorer 10.0, Firefox 3.5, Opera 9.5, Chrome, Konqueror) selektor { text-shadow: poziom pion rozmycie kolor,... } Wartości "poziom pion rozmycie kolor" określają własności cienia (wartości "rozmycie" oraz "kolor" nie są wymagane): poziom - przesunięcie cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) kolor - kolor bazowy efektu (opcjonalnie...
- Tekst CSS / Wysokość linii tekstu {line-height}
selektor { line-height: wysokość } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wysokość" należy podać konkretną wielkość odstępu między liniami bazowymi wierszy używając jednostek długości. Wpisanie "normal" przywróci wartość domyślną. Polecenie to pozwala ustalić odstęp pomiędzy liniami bazowymi wszystkich wierszy w bloku - tzw. interlinia. Dzięki temu linijki mogą być...
- Tekst CSS / Odstęp między wyrazami tekstu {word-spacing}
selektor { word-spacing: odstęp } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "odstęp" należy podać konkretną wielkość odstępu między poszczególnymi wyrazami używając jednostek długości. Wpisanie "normal" przywróci wartość domyślną. Polecenie to pozwala ustalić odstęp pomiędzy wszystkimi poszczególnymi wyrazami w bloku. Dzięki temu wyrazy w linijkach mogą być bardziej...
- Marginesy CSS / Górny margines {margin-top}
selektor { margin-top: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Polecenie wprowadza dodatkowy odstęp między danym elementem a elementem poprzedzającym. Jeśli definiowane własności mają odnosić się do całej strony (np. marginesy strony), można użyć selektora BODY (zobacz także...
- Marginesy CSS / Załamywanie marginesów
W przypadku sąsiadowania ze sobą lub zagnieżdżania wewnątrz siebie elementów posiadających marginesy, może zajść proces załamywania marginesów zewnętrznych (ang. collapsing margins), polegający na połączeniu kilku sąsiadujących odstępów w jeden o rozmiarze pojedynczego marginesu, a nie sumy składowych. Według CSS 2.1 załamywane mogą być tylko marginesy pionowe w następujących przypadkach: Dwa lub więcej sąsiadujące marginesy pionowe bloków bez "oblewania" (float) zostają załamane. Wynikowy...
- Obramowanie CSS / Atrybuty mieszane stylu obramowania {border-style}
selektor { border-style: 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 stylu obramowania (rozdzielone spacjami), analogicznie jak w przypadku stylu pojedynczego obramowania. Polecenie pozwala ustalić kilka wartości stylu obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla...
- Obramowanie CSS / Szerokość obramowania {border-...-width}
Szerokość górnego obramowania: selektor { border-top-width: szerokość } Szerokość dolnego obramowania: selektor { border-bottom-width: szerokość } Szerokość lewego obramowania: selektor { border-left-width: szerokość } Szerokość prawego obramowania: selektor { border-right-width: szerokość } We wszystkich przypadkach Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać: thin - cienkie obramowanie...