opis - Kurs HTML i CSS
- Komendy CSS 2 / text-shadow
WARTOŚĆ none | [<kolor> || <długość> <długość> <długość>? ,]* [<kolor> || <długość> <długość> <długość>?] | inherit OPIS Cień tekstu INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie 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 / text-transform
WARTOŚĆ capitalize | uppercase | lowercase | none | inherit OPIS Transformacja tekstu INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- 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
- 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 / unicode-bidi
WARTOŚĆ normal | embed | bidi-override | inherit OPIS Algorytm dwukierunkowego tekstu INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- 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
