wstawianie stylów - Kurs HTML i CSS
- 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...
- Tabele CSS / Podpis tabeli {caption-side}
selektor { caption-side: ustawienie } Selektorem może być element CAPTION [zobacz: Wstawianie stylów]. Natomiast jako "ustawienie" należy podać: top - podpis na powyżej tabeli bottom - poniżej 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ę...
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
...tabeli Model obramowania tabeli {border-collapse} selektor { border-collapse: model } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "model" należy podać: collapse - pojedyncze obramowanie separate - komórki są od siebie odseparowane Polecenie określa model wyświetlania obramowania tabeli pomiędzy komórkami. Możliwe jest użycie obramowania w postaci pojedynczej linii (collapse) albo obramowania dla każdej komórki osobno, które będą od siebie...
- Tabele CSS / Odstępy między komórkami tabeli {border-spacing}
selektor { border-spacing: odstęp } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "odstęp" należy podać wartość, korzystając z jednostek długości. Przy czy możliwe jest podanie: jednej wartości określającej wszystkie odstępy dwóch wartości (rozdzielonych spacją) określających kolejno poziomy oraz pionowy odstęp Ustala poziomy i pionowy odstęp między komórkami. Przy definiowaniu odstępów między komórkami tabeli możesz skorzystać ze specjalnego generatora...
- Tabele CSS / Puste komórki tabeli {empty-cells}
selektor { empty-cells: sposób } Selektorem może być element TABLE, TD lub TH [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: show - pokaż obramowanie wokół pustych komórek hide - schowaj obramowanie wokół pustych komórek Polecenie określa czy obramowanie wokół pustych komórek tabeli ma zostać pokazane czy ukryte. Przy definiowaniu sposobu wyświetlania pustych komórek tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
selektor { position: relative; 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 położenia spoczynkowego top: wartość - odległość od górnej krawędzi położenia spoczynkowego right: wartość - odległość od prawej krawędzi położenia spoczynkowego bottom: wartość - odległość od dolnej krawędzi położenia spoczynkowego Wyraz "wartość" oznacza konkretną odległość (od...
- 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...
- Pozycjonowanie CSS / Pozycja ustalona {position: fixed}
selektor { position: fixed; 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 okna top: wartość - odległość od górnej krawędzi okna right: wartość - odległość od prawej krawędzi okna bottom: wartość - odległość od dolnej krawędzi okna Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi okna przeglądarki. Należy ją wpisać używając jednostek długości...