Przejdź do treści

Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}

Jak ustawić marginesy strony WWW? Czy da się określić marginesy niesymetryczne?

Przeglądarki zwykle ustalają pewną szerokość marginesów strony. Nie zawsze jednak domyślne ustawienia będą dobrze współgrać np. z określonym przez nas rozmiarem czcionki. Na szczęście bardzo łatwo można to zmienić:

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ć marginesy w CSS?

W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklarację o odpowiedniej wartości. Na przykład: body { margin: 20px; } ustawi wszystkie marginesy strony o szerokości i wysokości 20 pikseli.

Jak ustawić margines 2,5 cm?

W języku CSS oprócz pikseli możemy używać również szeregu innych jednostek długości. Na przykład: body { margin: 2.5cm; } ustawi wszystkie marginesy strony o szerokości i wysokości 2,5 centymetra. Należy jednak pamiętać, aby w razie potrzeby w wartościach liczbowych nie używać przecinka tylko kropki dziesiętnej. Ponadto przed nazwą jednostki nie może być spacji. W przeciwnym razie polecenie może nie zadziałać albo jego efekty będą inne niż oczekiwane!

Komentarze

Zobacz więcej komentarzy

Facebook