Latest web development tutorials

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

uwaga 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:

Przykłady

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Spróbuj »


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":

Przykłady

margin:100px 50px;

Spróbuj »

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

Przykłady

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.