znacznik - Kurs HTML i CSS
Obramowanie CSS / Atrybuty mieszane obramowania obrazkowego {border-image}...Internet Explorer 11, Firefox 15, Opera 15, Chrome) selektor { border-image: 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 wpisać kolejne wartości obramowani obrazkowego: źródło, obcięcie, szerokość, nawis i powtarzanie. Polecenie pozwala w sposób skrócony wypełnić wszystkie atrybuty obramowania obrazkowego. Ważne jest przy tym zachowanie właściwej...
- Rozmiary CSS / Szerokość {width}
selektor { width: szerokość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać wartość szerokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną szerokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {width} To jest akapit o szerokości 30% (width: 30%)...
- Rozmiary CSS / Wysokość {height}
selektor { height: wysokość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wysokość" należy podać wartość wysokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną wysokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {height} To jest akapit o wysokości 5cm (height: 5cm). To...
- Rozmiary CSS / Maksymalna szerokość {max-width}
selektor { max-width: wartość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać wartość maksymalnej dozwolonej szerokości, jaką może mieć element. Polecenie nie odnosi się do elementów inline! Polecenie pozwala zabezpieczyć rozmiar elementu tak, aby nigdy nie był większy od podanej wartości. Różnica w stosunku do prostej własności width jest taka, że jeśli element osiągnie szerokość mniejszą...
- Rozmiary CSS / Minimalna szerokość {min-width}
selektor { min-width: wartość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać wartość minimalnej dozwolonej szerokości, jaką może mieć element. Polecenie nie odnosi się do elementów inline! Polecenie pozwala zabezpieczyć rozmiar elementu tak, aby nigdy nie był mniejszy od podanej wartości. Różnica w stosunku do prostej własności width jest taka, że jeśli element osiągnie szerokość większą...
- Rozmiary CSS / Przepełnienie {overflow}
selektor { overflow: sposób } Selektorem może być znacznik wyświetlany w bloku albo zastępowany [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: visible - pokazanie całej zawartości bez względu na rozmiary (domyślnie) hidden - ukrycie nadmiaru scroll - suwaki do przewijania auto - pokazanie suwaków jeśli to konieczne Według CSS 2.1 polecenie można również zastosować do komórek tabeli. Określa co zrobić, gdy zawartość elementu nie mieści się w rozmiarach podanych przez width...
- 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...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
(CSS 3 - interpretuje Internet Explorer * , Firefox, Opera, Chrome) selektor { text-overflow: sposób } Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: clip - niemieszczący się tekst i elementy inline zostaną przycięte (domyślnie) ellipsis - na końcu przyciętych linijek zostanie wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość...
- Tabele CSS / Podpis tabeli {caption-side}
...tabeli left - (wycofano w CSS 2.1) po lewej (interpretuje Opera 6) right - (wycofano w CSS 2.1) po prawej Określa ustawienie podpisu tabeli (znacznik <caption>...</caption>). Przy dodawaniu podpisu tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację tabeli Przykład {caption-side} caption-side: top komórka1 komórka2 komórka3 komórka4 caption-side: bottom komórka1 komórka2 komórka3 komórka4 caption-side: left...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
selektor { position: absolute; parametry } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "parametry" należy podać: left: wartość - odległość od lewej krawędzi bloku obejmującego top: wartość - odległość od górnej krawędzi bloku obejmującego right: wartość - odległość od prawej krawędzi bloku obejmującego bottom: wartość - odległość od dolnej krawędzi bloku obejmującego Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi...