obramowanie - Kurs HTML i CSS
Marginesy CSS / Załamywanie marginesów...marginesów lub tylko dolny margines jest załamywany, pozycja górnej krawędzi obramowania elementu jest taka sama, jakby element miał niezerowe górne obramowanie. Element który ma ustawione przyleganie nigdy nie załamuje górnego marginesu z dolnym marginesem jego rodzica. Należy zauważyć, że załamywanie marginesów wpływa tylko na pozycję potomków, a nie wpływa na ustawienie przodka. Marginesy elementu podstawowego ("root") - czyli nadrzędnego dla wszystkich - nie są załamywane. Trzeba...
- Obramowanie CSS / Styl obramowania {border-...-style}
...tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obramowania Przykład border-top-style: none hidden - ukryte obramowanie Przykład border-top-style: hidden dashed - linia kreskowa Przykład border-top-style: dashed dotted - linia kropkowa Przykład border-top-style: dotted solid - linia ciągła Przykład border-top-style: solid double - linia ciągła podwójna Przykład border-top-style: double groove - "rowek" Przykład border-top-style: groove...
- Kolory CSS / Sposoby definiowania kolorów CSS
...koloru obramowania co znajdujący się w nim tekst. Dzięki temu przy zmianie koloru tekstu nie będziemy musieli pamiętać, aby zaktualizować również obramowanie - wtedy stanie się to automatycznie.
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
...określony kolor tekstu, to chcemy, aby również każdy z elementów podrzędnych miał właśnie taki kolor. Ale gdybyśmy w ten sposób postąpili np. z obramowaniem, efekt byłby dziwaczny - każdy element podrzędny byłby ujęty w oddzielną ramkę. Z tego właśnie powodu obramowanie jest jedną z cech CSS niepodlegających dziedziczeniu. W rozdziałach: Komendy CSS 2 oraz Komendy CSS3 możesz sprawdzić, które cechy CSS podlegają, a które nie podlegają dziedziczeniu. Specjalna wartość unset, którą możemy...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...