Atrybut CSS inline-size

Poprzednia strona initial-letter
Następna strona inset

Definicja i użycie

inline-size Atrybut określa rozmiar elementu w kierunku wewnętrznym.

Uwaga:powiązane atrybuty CSS writing-mode Definiuje kierunek wewnętrzny, co wpływa na inline-size Dla stron w języku angielskim, kierunek wewnętrzny to z lewej na prawo, a kierunek zewnętrzny to w dół.

Atrybuty CSS inline-size i block-size Atrybuty są podobne do CSS width i height Atrybuty są bardzo podobne, ale inline-size i block-size Atrybut zależy od kierunku wewnętrznego i zewnętrznego.

Przykład

Przykład 1

Ustaw rozmiar elementu <div> w kierunku wewnętrznym:

div {
  inline-size: 200px;
}

Spróbuj sam

Przykład 2

gdy element <div> writing-mode Wartość atrybutu ustawiona na vertical-rl wtedy kierunek wewnętrzny zmienia się z poziomego na pionowy w dół, co wpływa na inline-size Sposób działania atrybutu:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

Spróbuj sam

Gramatyka CSS

inline-size: auto|length|initial|inherit;

Wartość atrybutu

Wartość	Opis
auto	Domyślna wartość. Domyślna wartość inline-size elementu.
length	Określa rozmiar w kierunku wewnętrznym, jednostką px, pt, cm itp. Dopuszczalne są ujemne wartości. Zobacz:Jednostki CSS.
%	Określa procentowy rozmiar w stosunku do osi odpowiedniego kierunku w stosunku do elementu nadrzędnego.
initial	Ustaw ten atrybut na jego wartość domyślną. Zobacz: initial.
inherit	Dochodzi do tej wartości atrybutu od jego elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	auto
Inheredność:	Nie
Tworzenie animacji:	Obsługiwane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Gramatyka JavaScript:	object.style.inlineSize="250px"