opis - Kurs HTML i CSS
Komendy CSS 2 / paddingWARTOŚĆ <padding-width>{1,4} | inherit OPIS Atrybuty mieszane marginesu wewnętrznego INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Kaskadowe Arkusze Stylów / Cascading Style Sheets
...(wyglądem) elementów znajdujących się w dokumentach elektronicznych. CSS nie może zatem istnieć samodzielnie, gdyż jest ściśle powiązane z językiem opisu struktury dokumentów takim jak HTML. CSS daje możliwość globalnego zarządzania formą prezentacji całej witryny internetowej. Pomysł ten nie jest wcale nowy. Style formatujące są wbudowane od dawna w praktycznie każdy bardziej zaawansowany edytor tekstu. Posiada je np. MS Word i Open Office. Niestety część poleceń stylów nie jest...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...pozwala przesunąć wybrany element w dowolną stronę względem wybranych brzegów strony lub ewentualnie ramki albo "obejmującego bloku" (opis powyżej). Dzięki temu dany element będzie umieszczony tam na "sztywno", bez względu na miejsce, w którym wpisaliśmy polecenie pozycjonowania absolutnego. Jeżeli jako "wartość" wpiszemy liczbę ujemną, element znajdzie się częściowo lub całkowicie poza obrębem strony lub wyjdzie poza krawędzie "obejmującego bloku". Jeśli w miejscu gdzie ma być...
- Komendy CSS 2 / padding-top, padding-right, padding-bottom, padding-left
WARTOŚĆ <padding-width> | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego marginesu wewnętrznego INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Komendy CSS 2 / page
WARTOŚĆ <identyfikator> | auto OPIS Nazwa strony INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...odstępy markerów od treści wykazu. UWAGA! Polecenie wchodzi w skład CSS 2.0, ale nie CSS 2.1. Nie jest interpretowane! Poniżej znajdziesz opis alternatywnej metody, która pozwala uzyskać podobny efekt. Przykład {marker-offset} li:before { display: marker; marker-offset: 3em; } Wyróżnik obrazkowy w tle Istnieje jednak dość prosty, lecz być może nie tak oczywisty, sposób zastąpienia nieobsługiwanej własności marker-offset przez zespół reguł CSS interpretowanych praktycznie...
- Pozycjonowanie CSS / Przyleganie {clear}
...pozwalające sterować przyleganiem elementów są dosyć przydatne, chociaż początkowo może się tak nie wydawać. Na przykład umieszczamy na stronie opis poparty odpowiednimi ilustracjami, które mają być ułożone po prawej stronie względem otaczającego tekstu (float: right). Jeśli w kodzie źródłowym umieścimy obrazki zbyt blisko siebie, tzn. nie rozdzielimy ich odpowiednio długim tekstem opisu, nie zostaną one ułożone jeden pod drugim - tak jak prawdopodobnie oczekiwaliśmy - lecz obok siebie...
- Pozycjonowanie CSS / Obcinanie {clip}
...cięcia z wybranej strony. Zamiast całego wyrażenia rect(góra, prawo, dół, lewo) można również podać auto - wartość automatyczna. UWAGA! Powyższy opis ustalania krawędzi cięcia pochodzi ze specyfikacji CSS 2.1. We wcześniejszej wersji - CSS 2 - wartości "góra, prawo, dół, lewo" oznaczały odległości cięcia od odpowiednich krawędzi elementu, a nie współrzędne wyciętego prostokąta! Przeglądarki interpretują podane parametry zgodnie z nową wersją specyfikacji - CSS 2.1. Polecenie pozwala...
- Komendy CSS 2 / page-break-after
WARTOŚĆ auto | always | avoid | left | right | inherit OPIS Przełamanie strony po bloku INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / page-break-before
WARTOŚĆ auto | always | avoid | left | right | inherit OPIS Przełamanie strony przed blokiem INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged