opis - Kurs HTML i CSS
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 / top
WARTOŚĆ <długość> | <procent> | auto | inherit OPIS Odległość od górnej krawędzi elementu pozycjonowanego INICJALIZACJA auto ZASTOSOWANIE elementy pozycjonowane DZIEDZICZENIE nie PROCENTY odnosi się do wysokości bloku obejmującego MEDIA visual
- Komendy CSS 2 / unicode-bidi
WARTOŚĆ normal | embed | bidi-override | inherit OPIS Algorytm dwukierunkowego tekstu INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- 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 / vertical-align
WARTOŚĆ baseline | sub | super | top | text-top | middle | bottom | text-bottom | <procent> | <długość> | inherit OPIS Pionowe ustawienie INICJALIZACJA baseline ZASTOSOWANIE elementy inline i komórki tabeli DZIEDZICZENIE nie PROCENTY odnosi się do wysokości linii elementu MEDIA visual
- Komendy CSS 2 / visibility
WARTOŚĆ visible | hidden | collapse | inherit OPIS Widzialność INICJALIZACJA inherit ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / voice-family
WARTOŚĆ [[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit OPIS Nazwa rodziny głosów INICJALIZACJA zależy od przeglądarki ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA aural
- Komendy CSS 2 / volume
WARTOŚĆ <liczba> | <procent> | silent | x-soft | soft | medium | loud | x-loud | inherit OPIS Głośność INICJALIZACJA medium ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY odnosi się do odziedziczonej wartości MEDIA aural