selektor - Kurs HTML i CSS
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...
- Pozycjonowanie CSS / Pozycja statyczna {position: static}
selektor { position: static } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Przywraca normalne pozycjonowanie elementu. Jest to przydatne np. w celu usunięcia ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu). Przykład {position: static}...
- Pozycjonowanie CSS / Nakładanie {z-index}
Spis treści {z-index} Nakładanie {z-index} Kontekst stosu Nakładanie {z-index} selektor { position: rodzaj; parametry; z-index: numer } Selektorem może znacznik poddany pozycjonowaniu [zobacz: Wstawianie stylów]. Wyrażenie "position: rodzaj; parametry;" określa typ oraz parametry pozycjonowania (absolutne, relatywne lub ustalone). Natomiast jako "numer" należy wpisać pojedynczą liczbę, określającą, kolejność nakładania pozycjonowanych elementów (element z numerem 1 będzie na samym...
- Pozycjonowanie CSS / Obcinanie {clip}
selektor { position: absolute; clip: rect(góra, prawo, dół, lewo) } Według CSS 2 polecenie można zastosować do elementów blokowych i zastępowanych. Natomiast w CSS 2.1 ma ono zastosowanie tylko do elementów pozycjonowanych absolutnie. Przeglądarki stosują się do wytycznych z CSS 2.1. Wyrażenia: "góra, prawo, dół, lewo" oznaczają wartości współrzędnych wyciętego prostokąta, określane względem lewego-górnego narożnika elementu, tzn. są to pozycje odpowiednio: górnego-prawego oraz dolnego-lewego...
- Pozycjonowanie CSS / Przyleganie {clear}
selektor { clear: sposób } Polecenie można zastosować tylko do elementów wyświetlanych w bloku (block). Jako "sposób" należy podać: left - lewy bok elementu nie przylega do poprzedzającego elementu pływającego right - prawy bok nie przylega both - żaden bok nie przylega none - brak ograniczeń Polecenie pozwala ustalić pozycję elementów sąsiadujących względem elementu pływającego (np. obrazka). Określa które krawędzie elementu następującego po elemencie pływającym nie będą do niego...
- Pozycjonowanie CSS / Wyświetlanie {display}
selektor { display: sposób } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: block - element będzie wyświetlony w bloku (odstęp z góry i z dołu) inline - element będzie wyświetlony w linii (sąsiadująco z innymi) list-item - element wykazu: <li>...</li> none - element nie będzie wyświetlany inline-block - element zachowuje się podobnie jak element zastępowany (Firefox 3, Opera 7, Chrome, Konqueror) run-in - jeśli po...