CSS propriedade min-inline-size

Página anterior min-block-size
Próxima página min-height

Definição e uso

min-inline-size A propriedade especifica o tamanho mínimo do elemento na direção horizontal.

如果内容在行内方向上的尺寸小于最小尺寸，则将应用 min-inline-size Se o tamanho do conteúdo for menor que o tamanho mínimo na direção inline, então será aplicado

valor da propriedade. min-inline-size Se o tamanho do conteúdo for maior que o tamanho mínimo na direção inline, então

O valor da propriedade não é aplicado.Notar: writing-mode propriedades CSS relacionadas min-inline-size Define a direção inline, o que afeta

os resultados da propriedade. Para páginas em inglês, a direção do bloco é para baixo e a direção inline é de esquerda para direita. min-inline-size CSS min-height propriedades são equivalentes às propriedades CSS e min-width min-inline-size Muito semelhante, mas

Propriedade depende da direção inline.

Exemplo

Exemplo 1

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

Experimente você mesmo

Exemplo 2: Modo de escrita

Defina o tamanho mínimo do inline do elemento <div> como 200 pixels: writing-mode Quando a propriedade writing-mode é definida como vertical-rl, a direção do inline muda de lateral para vertical, o que afeta o funcionamento da propriedade min-inline-size:

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

Experimente você mesmo

Exemplo 3: min-inline-size e inline-size

Observar um inline-size De <div> elementos de 200px e outro min-inline-size Comportamento diferente de <div> elementos de 200px ao mudar o tamanho do conteúdo:

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

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor	Descrição
auto	Padrão. O valor padrão do min-inline-size do elemento.
length	Use unidades fixas (como px, pt, cm, etc.) para especificar o tamanho mínimo. Veja:Unidades CSS.
%	Use porcentagem para especificar o tamanho mínimo, em relação ao tamanho do elemento pai na mesma dimensão.
initial	Defina essa propriedade como seu valor padrão. Veja initial.
inherit	Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão:	auto
Herança:	Não
Produção de animação:	Suportado. Veja:Propriedades relacionadas a animação.
Versão:	CSS3
Sintaxe do JavaScript:	object.style.minInlineSize="10px"