CSS min-inline-size atrybut

Definicja i użycie

min-inline-size Właściwość określa minimalny rozmiar elementu w kierunku wewnętrznym.

Jeśli rozmiar zawartości w kierunku wewnętrznym jest mniejszy niż minimalny rozmiar, zastosuje się min-inline-size Wartość atrybutu.

Jeśli rozmiar zawartości w kierunku wewnętrznym jest większy niż minimalny rozmiar, zastosuje się min-inline-size Wartość atrybutu nie działa.

Uwaga:powiązane atrybuty CSS writing-mode Definiuje kierunek wewnętrzny, co wpływa na min-inline-size rezultatów atrybutów. Dla stron w języku angielskim, kierunek blokowy jest pionowy, a kierunek wewnętrzny jest z lewej na prawą.

CSS min-inline-size właściwości są podobne do atrybutów CSS min-height i min-width Bardzo podobne, ale min-inline-size Atrybut zależy od kierunku wewnętrznego.

Przykład

Przykład 1

Ustaw minimalny rozmiar wewnętrzny elementu <div> na 200 pikseli:

div {
  min-inline-size: 200px;
}

Spróbuj sam

Przykład 2: Sposób pisania

Ustaw kierunek wewnętrzny elementu <div> na writing-mode Kiedy atrybut wartości writing-mode jest ustawiony na vertical-rl, kierunek wewnętrzny zmienia się z boczny na pionowy, co wpływa na sposób działania atrybutu min-inline-size:

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

Spróbuj sam

Przykład 3: min-inline-size i inline-size

Obserwuj przykład 3: min-inline-size i inline-size inline-size Elementu <div> o szerokości 200px i innego min-inline-size Różne zachowania elementu <div> o szerokości 200px przy zmianie rozmiaru zawartości:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Szczegóły techniczne

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługuje tę właściwość.

Strony związane

Odniesienie:Atrybut CSS inline-size

Odniesienie:CSS max-inline-size atrybut

Odniesienie:CSS min-height atrybut

Odniesienie:CSS min-width atrybut

Odniesienie:Atrybut writing-mode w CSS