border right - Kurs HTML i CSS
CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}...górny, dolny, lewy lub prawy, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 10px. Obramowanie .nazwa-klasy { border-width: grubość; border-style: styl; border-color: kolor; } Aby określić grubość obramowania, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 1px. Zamiast "styl" należy wpisać jedną z następujących wartości określających wygląd linii obramowania: solid - linia ciągła dashed - linia przerywana dotted...
- Komendy CSS 2 / border-top, border-right, border-bottom, border-left
WARTOŚĆ [ <'border-width'> || <'border-style'> || <kolor> ] | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego obramowania INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / border-top-color, border-right-color, border-bottom-color, border-left-color
WARTOŚĆ <kolor> | inherit OPIS Atrybuty mieszane koloru górnego/prawego/dolnego/lewego obramowania INICJALIZACJA wartość cechy 'color' ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / border-top-style, border-right-style, border-bottom-style, border-left-style
WARTOŚĆ <border-style> | inherit OPIS Atrybuty mieszane stylu górnego/prawego/dolnego/lewego obramowania INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / border-top-width, border-right-width, border-bottom-width, border-left-width
WARTOŚĆ <border-width> | inherit OPIS Atrybuty mieszane szerokości górnego/prawego/dolnego/lewego obramowania INICJALIZACJA medium ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS3 / Tło i obramowanie CSS
...background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...swoje proporcje. 3. Elementy blokowe, nie-zastępowane Przykład: DIV i inne. Elementy takie muszą spełniać następujące równanie: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = szerokość bloku obejmującego Jeżeli 'width' nie ma przypisanej wartości auto, a suma 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' (plus 'margin-left' lub 'margin-right' nieposiadające wartości auto)...
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
Spis treści {border} Atrybuty mieszane obramowania {border} Podkreślenie tekstu Zagnieżdżanie obramowania Atrybuty mieszane obramowania {border} Atrybuty mieszane górnego obramowania: selektor { border-top: wartości atrybutów } Atrybuty mieszane dolnego obramowania: selektor { border-bottom: wartości atrybutów } Atrybuty mieszane lewego obramowania: selektor { border-left: wartości atrybutów } Atrybuty mieszane prawego obramowania: selektor { border-right: wartości atrybutów }...
- Menu w CSS / Poziome menu
...ul a:link, ul a:visited { text-decoration: none; display: block; width: 80px; text-align: center; background-color: #ccc; color: #000; border: 2px outset #ccc; padding: 5px; } ul a:hover { border-style: inset; padding: 7px 3px 3px 7px; } Odnośniki zostały wyświetlone blokowo, aby można było ustalić jednakową szerokość wszystkich przycisków. Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...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; margin: 0; padding: 1px 5px; } #menu0 dd.active { font-weight: bold; } W wyróżnionych miejscach wpisano zdefiniowany uprzednio identyfikator menu. Teraz w nagłówku dokumentu HTML (<head>...</head>), na którym wstawione jest menu, wystarczy wstawić odwołanie do...