własności - Kurs HTML i CSS
Obramowanie CSS / Cień {box-shadow}...{ box-shadow: inset poziom pion rozmycie rozprzestrzenienie kolor,... } Wartości "poziom pion rozmycie rozprzestrzenienie kolor" określają własności cienia (wartości "rozmycie", "rozprzestrzenienie" oraz "kolor" nie są wymagane): poziom - przesunięcie cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) rozprzestrzenienie - określa odległość na jaką cień wychodzi...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...większe możliwości kompozycyjne. Przykład {border-image-source} border-image-source: url(punkt.gif); border-width: 32px Bez określenia dodatkowych własności obramowania graficznego (obcięcie, szerokość, nawis, powtarzanie), obrazek jest umieszczany jedynie w narożnikach, zastępując normalne obramowanie niegraficzne.
- Rozmiary CSS / Maksymalna szerokość {max-width}
...elementów inline! Polecenie pozwala zabezpieczyć rozmiar elementu tak, aby nigdy nie był większy od podanej wartości. Różnica w stosunku do prostej własności width jest taka, że jeśli element osiągnie szerokość mniejszą lub równą niż podana, to jego rozmiary nie zostaną zmienione. Dla elementów zastępowanych (np. obrazków) własność ta może mieć wpływ również na wysokość elementu, ponieważ będzie on przeskalowany tak, aby zachował swoje proporcje. Przykład {max-width} Ten obrazek powinien...
- Rozmiary CSS / Minimalna szerokość {min-width}
...inline! Polecenie pozwala zabezpieczyć rozmiar elementu tak, aby nigdy nie był mniejszy od podanej wartości. Różnica w stosunku do prostej własności width jest taka, że jeśli element osiągnie szerokość większą lub równą niż podana, to jego rozmiary nie zostaną zmienione. Dla elementów zastępowanych (np. obrazków) własność ta może mieć wpływ również na wysokość elementu, ponieważ będzie on przeskalowany tak, aby zachował swoje proporcje. Przykład {min-width} Ten obrazek powinien...
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...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 wszędzie: ul, li { list-style-type: none; display: block; margin: 0; padding: 0; } ul li { background: url(marker.gif) no-repeat left top; padding-left: 20px; } Pierwsza z reguł stylów powyżej usuwa domyślne formatowanie wykazu oraz jego punktów. Trzeba tutaj...
- Media CSS / Dostosowanie stylów CSS do różnych urządzeń
...CSS zostały stworzone tylko dla określonych mediów (np. cue-before - sygnał wywoławczy dla medium aural). Jednakże różne media mogą dzielić te same własności, lecz często wymagają odmiennych wartości. Na przykład rozmiar czcionki (font-size) można ustawić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie doświadczenie wskazuje, że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na...
- Media CSS / Typy mediów
Nazwy mediów są odbiciem urządzeń docelowych, dla których stosowne własności mają sens (CSS 2): all Dla wszystkich urządzeń aural Syntezatory mowy (słuchowe arkusze stylów) - CSS 2.1 wprowadza zamiast tego typ speech braille Urządzenia do czytania braillem (dla niewidomych) embossed Drukarki brailla handheld Urządzenia ręczne (zwykle mały ekran, czarno-białe, ograniczone pasmo) print Materiały drukowane nieprzezroczyste i podgląd wydruku projection Prezentacje projektorowe lub nadruki...
- Tryb Quirks / X-UA-Compatible
...pre-line, pre-wrap Obsługa selektorów pseudoelementów: :after, :before Obsługa selektorów pseudoklas: :focus, :lang(...) Dodana pełna obsługa własności: border-spacing, caption-side, content, counter-increment, counter-reset, empty-cells, orphans, outline, outline-color, outline-style, outline-width, page-break-inside, quotes, widows Źródło: CSS Improvements in Internet Explorer 8 Inne przydatne artykuły: CSS Compatibility and Internet Explorer
- Jednostki CSS / Długość
...się dokładnie 20 linijek tekstu (bez konieczności przewijania). Jednostki bezwzględne Jednostki bezwzględne są użyteczne tylko wtedy, gdy fizyczne własności medium wyjściowego (np. monitor) są znane. Należy ich używać zawsze wtedy, gdy zależy nam, aby wybrany element zajmował zawsze taki sam obszar na ekranie, niezależnie od rozdzielczości i wielkości monitora. Choć rozdzielczość może się zmienić, to jeśli element taki miał wymiar np. 10cm, to tak pozostanie również w nowej rozdzielczości...
- Komendy CSS 2 / Specyfikacja CSS
Poniżej znajdziesz wykaz wszystkich 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...