CSS Margin (Margines)
CSS Margin (Margines) nieruchomości definiuje przestrzeń wokół elementów.
margines
jasne margines wokół elementów (poza granicami) obszarze. Margines żaden kolor tła jest całkowicie przezroczysty
Marża może być zmieniana w zależności od indywidualnych elementów, dolny, lewy i prawy margines. Można również zmienić po wszystkich właściwości.
możliwe wartości
wartość | wyjaśnienie |
---|---|
automatyczny | Ustaw marginesy przeglądarki. Wynik będzie zależeć od przeglądarki |
długość | Zdefiniować stałą marżę (używając piksel, pt, em, itd.) |
% | Definiowane za pomocą margines procentowy |
Margines mogą korzystać negatywny nakładającą treści.
<H2Margin - nieruchomość jednostronne margines
W CSS, może określić inną stronę różnych marginesów:
Margines - skróconą własnością
Aby skrócić ten kod, możliwe jest korzystanie ze wszystkich właściwości marginesów w jedną właściwość określonego marginesu. To się nazywa skróconą własnością.
Skrócona forma dla wszystkich właściwości marginesów jest "margines":
Obiekt marża może mieć od jednego do czterech wartości. / P>
- margin: 25px 50px 75 pikseli 100px;
- Na marginesie 25px
- Prawy margines 50px
- Dolny margines wynosi 75 pikseli
- Lewy margines 100px
- margin: 25px 50px 75 pikseli;
- Na marginesie 25px
- Lewy i prawy margines do 50px
- Dolny margines wynosi 75 pikseli
- margin: 25px 50px;
- Górny i dolny margines na 25px
- Lewy i prawy margines do 50px
- margin: 25px;
- Wszystkie cztery marginesy są 25px
Więcej przykładów
ustawienia marginesów na tekst za pomocą wartości cm
Ten przykład pokazuje, jak skonfigurować wartości tekstowej centymetrów górnego marginesu.
Ustaw tekst metodą procentową wartość dolnego marginesu
Przykład ten pokazuje, w jaki sposób skonfigurować wartości procentowej wartości od dolnej krawędzi w stosunku do szerokości elementu zawierającego.
Wszystkie właściwości CSS margin
nieruchomość | opis |
---|---|
margines | Skrócona forma. Ustaw wszystkie właściwości marginesów w jednej deklaracji. |
margin-bottom | Otoczenie elementu. |
margin-left | Element na lewym marginesie. |
margin-right | Element prawego marginesu. |
margin-top | Element jest na marginesie. |