znacznik - Kurs HTML i CSS
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 / 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...
- Rozmiary CSS / Przeciąganie {resize}
(CSS 3 - interpretuje Firefox 4, Opera, Chrome/Safari 3) selektor { resize: sposób } Selektorem może być dowolny znacznik z ustawionym przepełnieniem innym niż "visible" [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: both - użytkownik może zmienić rozmiar elementu poprzez przeciągnięcie myszką prawego-dolnego narożnika pola vertical - możliwa zmiana tylko wysokości horizontal - możliwa zmiana tylko szerokości none - użytkownik nie może zmienić rozmiaru elementu Zdarza się, że...
- Tło CSS / Przycinanie tła {background-clip}
...interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) selektor { background-clip: przycinanie } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "przycinanie" należy wpisać: border-box - tło wyświetli się pod obramowaniem, marginesem wewnętrznym i właściwą zawartością elementu (domyślnie) [Zobacz: Model pudełkowy] padding-box - tło wyświetli się pod marginesem wewnętrznych i właściwą...
- Tło CSS / Pozycja początkowa tła obrazkowego {background-origin}
...interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) selektor { background-origin: początek } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "początek" należy wpisać: border-box - pozycja tła będzie liczona względem krawędzi obramowania [Zobacz: Model pudełkowy] padding-box - pozycja tła będzie liczona względem krawędzi marginesu wewnętrznego (domyślnie) content-box - pozycja tła...
- Tło CSS / Rozmiary tła obrazkowego {background-size}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) selektor { background-size: rozmiary } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiary" należy wpisać: contain - skaluje obrazek, zachowując proporcje, tak aby w całości zmieścił się w tle cover - skaluje obrazek, zachowując proporcje, tak aby pokrył cały obszar tła (część grafiki może być niewidoczna) auto...
- Obramowanie CSS / Zaokrąglenie obramowania {border-...-radius}
...Zaokrąglenie dolnego-lewego narożnika: selektor { border-bottom-left-radius: zaokrąglenie } We wszystkich przypadkach selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast "zaokrąglenie" określa promień wyrażony w jednostkach długości albo w procentach (względem obszaru obramowania - zobacz: Model pudełkowy). Możliwe jest tutaj podanie: jednej wartości - zaokrąglenie symetryczne dwóch wartości - pierwsza określa poziomy promień ćwiartki...
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) selektor { border-radius: 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 zaokrąglenia rozdzielone spacjami (w kolejności: górne-lewe, górne-prawe, dolne-prawe, dolne-lewe). Polecenie pozwala ustalić kilka wartości promieni zaokrąglenia jednocześnie. Możliwe jest przy tym podanie...
- Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}
(CSS 3 - interpretuje Firefox 32, Opera 12-) selektor { box-decoration-break: dekoracja } Selektorem może być dowolny znacznik, np. p - akapit czy a - odsyłacz [zobacz: Wstawianie stylów]. Natomiast jako "dekoracja" należy wpisać: clone - każdy fragment przełamanego elementu będzie miał osobne obramowanie slice - wszystkie fragmenty przełamanego elementu będą miały wspólne obramowanie (domyślnie) Zdarza się, że na wydruku blok zostanie przełamany pomiędzy dwie kartki w taki sposób, że...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...obramowania {border-image-source} selektor { border-image-source: url(ścieżka dostępu do obrazka) } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu do obrazka" należy podać miejsce, gdzie znajduje się obrazek, który chcemy wstawić jako obramowanie. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Za...