harmonogram-kursów

Podręcznik referencyjny CSS

attributy-CSS

Kursy dodatkowe

Polecane kursy:

Skarbonka CodeW3C.com

Atrybut CSS margin-block-start

Poprzednia strona margin-block-end
Następna strona margin-bottom

Definicja i użycie

margin-block-start Atrybut określa margines na początku kierunku blokowego.

CSS margin-block i margin-inline Atrybuty są podobne do CSS margin-top,margin-bottom,margin-left i margin-right Atrybuty są bardzo podobne, ale margin-block i margin-inline Atrybut zależy od kierunku blokowego i kierunku wiersza.

Uwaga:Powiązane atrybuty CSS writing-mode Definiuje kierunek blokowy. To wpływa na początkowe i końcowe pozycje bloku oraz wynik atrybutu margin-block-start. Dla stron w języku angielskim, kierunek blokowy jest w dół, a kierunek wiersza od lewej do prawej.

Przykład

Przykład 1

ustawienie marginesu blokowego na początku:

div {
  margin-block-start: 35px;
}

Spróbuj sam

Przykład 2

Kiedy element <div> writing-mode Kiedy wartość atrybutu ustawiona jest na vertical-rl, kierunek blokowy jest od prawej do lewej. W rezultacie, pozycja początkowa elementu przenosi się do prawej strony. Zmiana writing-mode wpływa również na: margin-block-start efekt:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-start: 50px;
}

Spróbuj sam

Gramatyka CSS

margin-block-start: auto|length|initial|inherit;

Wartość atrybutu

Wartość	Opis
auto	Domyślna wartość. Domyślna odległość marginesu elementu.
length	Określ odległość, jednostką px, pt, cm itp. Dopuszczalne są wartości ujemne. Zobacz:Jednostki CSS.
%	Określ odległość względem rozmiaru elementu nadrzędnego w kierunku wiersza jako procent.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Inhereduje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	auto
Inheredność:	Nie
Tworzenie animacji:	Wspierane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Gramatyka JavaScript:	object.style.marginBlockStart="100px"