element - Kurs HTML i CSS
Marginesy CSS / Atrybuty mieszane marginesu {margin}...marginesu. Na przykład: "margin: 10px 20px 10px 20px" ustawia marginesy 10 pikseli na górze i na dole oraz 20 pikseli po prawej i lewej stronie elementu. Co to jest "margin" w CSS? margin w CSS to właściwość określająca odstęp pomiędzy elementem a jego otoczeniem zewnętrznym. Może to być przestrzeń pomiędzy elementami lub między elementem a krawędzią kontenera. Przykład: "margin: 20px" ustawia margines o szerokości 20 pikseli wokół elementu. Jak działa "margin: auto...
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...Wyróżnik obrazkowy w tle Odstęp wyróżnika wykazu {marker-offset} (nieinterpretowane) selektor { marker-offset: odstęp } Selektorem może być element z ustalonym wyświetlaniem typu marker [zobacz: Wstawianie stylów]. Natomiast "odstęp" oznacza odległość wyróżnika wykazu (markera) od tekstu, znajdującego się w poszczególny punktach. Wartość odstępu należy podać używając jednostek długości. Polecenie to pozwala nam w sposób jawny zdefiniować odstępy markerów od treści wykazu. UWAGA...
- 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}
...tutaj. ✅ Rozpocznij konfigurację 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...
- 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 ustalona {position: fixed}
...Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Polecenie to działa podobnie jak pozycjonowanie absolutne, z tą różnicą, że pozycja elementu jest zawsze obliczana względem krawędzi okna przeglądarki (obszaru w którym znajduje się strona). Dodatkowo element taki jest nieruchomy podczas przewijania strony, przez co jest on przez cały czas widoczny na ekranie, dokładnie w tym samym miejscu. Daje to zbliżony efekt, jak nieruchome pojedyncze tło. Przykład {position: fixed}...
- 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...
- Drukowanie CSS / Blokada przełamania strony {page-break-inside}
...unikanie przełamania auto - brak ograniczeń Polecenie page-break-inside: avoid powoduje, że strona nie zostanie przełamana wewnątrz wskazanego elementu, tzn. pozostanie on w całości na jednej stronie (chyba że będzie zbyt duży, aby się na niej zmieścić). Jest to przydatne, jeśli nie chcemy, aby np. wykaz albo tabela zostały przedzielone pomiędzy dwie strony. W takim przypadku lepiej żeby drukarka przełamała stronę trochę wcześniej, a element zostanie przeniesiony na następną kartkę...
- Komendy CSS 2 / Specyfikacja CSS
...cech (własności) oraz ich wartości według oryginalnej specyfikacji CSS2, opracowanej przez organizację W3C. Wyjaśnienie znaczenia poszczególnych elementów opisu: WARTOŚĆ Wartości które może przyjąć cecha. Przyjęto tutaj następujące oznaczenia: Słowa kluczowe zostały wpisane bez żadnych dodatkowych znaków (np. center, left-side). Wyraz inherit oznacza, że element przyjmuje wartość cechy, taką samą jak jego rodzic (zasada dziedziczenia). Typy podstawowe zostały ujęte w znaki < oraz >. Są...