bottom - Kurs HTML i CSS
Marginesy CSS / Dolny margines {margin-bottom}selektor { margin-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Polecenie wprowadza dodatkowy odstęp między danym elementem a następnym elementem. Przykład {margin-bottom} To jest pierwszy akapit z dolnym marginesem margin-bottom: 2cm... ...a to jest następny akapit. Dlatego odstęp...
- Marginesy CSS / Dolny margines wewnętrzny {padding-bottom}
selektor { padding-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-bottom} Tekst w tej komórce tabeli jest oddalony od dolnego brzegu obramowania o 1cm (padding-bottom: 1cm)
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
...body { margin: szerokość; } albo jeśli chcemy ustawić marginesy niesymetryczne (z każdej strony inne): body { margin-top: górny; margin-bottom: dolny; margin-left: lewy; margin-right: prawy; } Aby określić szerokość marginesu w pikselach, należy wpisać liczbę, a po niej jednostkę px. Na przykład: body { margin: 20px; } Inaczej niż w zasadach pisowni języka polskiego, w CSS nie można rozdzielać spacją liczby od jednostki. Pytania i odpowiedzi {margin} Jak ustawić...
- 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}
...tła" jest definicją koloru. Marginesy wewnątrz ramki .nazwa-klasy { padding: szerokość; } albo: .nazwa-klasy { padding-top: górny; padding-bottom: dolny; padding-left: lewy; padding-right: prawy; } Aby określić szerokość marginesu wewnętrznego bądź oddzielnie margines 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; }...
- 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 CSS 2 / bottom
WARTOŚĆ <długość> | <procent> | auto | inherit OPIS Odległość od górnej dolnej elementu pozycjonowanego INICJALIZACJA auto ZASTOSOWANIE elementy pozycjonowane DZIEDZICZENIE nie PROCENTY odnosi się do wysokości bloku obejmującego MEDIA visual
- Komendy CSS 2 / margin-top, margin-right, margin-bottom, margin-left
WARTOŚĆ <margin-width> | inherit OPIS Szerokość górnego/prawego/dolnego/lewego marginesu INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual