selektor - Kurs HTML i CSS
Tekst CSS / Orientacja tekstu {text-orientation}(CSS 3 - interpretuje Firefox 41, Opera 35, Chrome 48) selektor { text-orientation: orientacja } Selektorem może być element z ustawionym pionowym trybem pisania, tzn. "writing-mode: vertical-lr" lub "writing-mode: vertical-rl". Natomiast jako "orientacja" należy podać: mixed - znaki tekstu ułożone pionowo na boku czyli obrócone o kąt 90° (domyślnie), chyba że użyta czcionka obsługuje pionową orientację upright - znaki tekstu ułożone pionowo zawsze jeden pod drugim sideways - znaki tekstu...
- Tło CSS / Usunięcie tła {background: none, background-color: transparent}
selektor { background: none } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Polecenie umożliwia wykasowanie zdefiniowanego wcześniej tła. Okazuje się ono przydatne, częściej niż można by sądzić. Na przykład wyobraźmy sobie, że w zewnętrznym arkuszu stylów określamy ogólne własności dla wszystkich stron naszego serwisu. Załóżmy, że znajduje się tam m.in. deklaracja tła obrazkowego stron. Jeśli teraz zechcemy...
- 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 / Atrybuty mieszane marginesu {margin}
selektor { margin: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy podać: Jedną wartość - wtedy wszystkie marginesy będą jednakowe. Przykład To jest akapit, który ma wszystkie marginesy równe 2cm (margin: 2cm) Dwie wartości - z których pierwsza oznacza górny i dolny margines, natomiast druga - lewy i prawy. Przykład To jest akapit, który ma górny i dolny margines...
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
selektor { padding-top: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Polecenie to pozwala zdefiniować dodatkowy wewnętrzny odstęp pomiędzy elementami, np. tekstem i obramowaniem tabeli (co nie byłoby możliwe poprzez ustalenie marginesu - margin). Jest przydatne np. w połączeniu z tłem pod tekstem, obramowaniem, czy też...
- Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}
selektor { padding: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast zasady wpisywania "wartości atrybutów" są takie same jak przy atrybutach mieszanych zwykłego marginesu. Pozwala wprowadzić jednocześnie kilka wartości marginesów wewnętrznych. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich marginesów wewnętrznych naraz dwóch wartości - osobno kolejno dla...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
(CSS 3 - interpretuje Internet Explorer 8, Firefox 29, Opera, Chrome) selektor { box-sizing: rodzaj } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj" należy podać: content-box Wymiarowanie zgodne z modelem pudełkowym border-box Wymiarowanie zgodne z trybem Quirks Bardzo stare przeglądarki (w zamierzchłych czasach MSIE 5) nie potrafiły wymiarować bloków zgodnie ze specyfikacją CSS. Sytuacja ta już dawno...
- 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 / Atrybuty mieszane szerokości obramowania {border-width}
selektor { border-width: wartości atrybutów } Jako "wartości atrybutów" należy wpisać kolejne wartości szerokości (rozddzielone spacjami), analogicznie jak w przypadku szerokości pojedynczego obramowania. [Zobacz także: Wstawianie stylów] Polecenie pozwala ustalić kilka wartości szerokości obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa...
- Obramowanie CSS / Atrybuty mieszane koloru obramowania {border-color}
selektor { border-color: wartości atrybutów } Jako "wartości atrybutów" należy wpisać kolejne wartości koloru (rozddzielone spacjami), analogicznie jak w przypadku koloru pojedynczego obramowania. [Zobacz także: Wstawianie stylów] Polecenie pozwala ustalić kilka wartości kolorów obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź...