Atributo CSS inline-size

Página anterior initial-letter
Página siguiente inset

Definición y uso

inline-size el atributo especifica el tamaño del elemento en la dirección en línea.

Nota:los atributos CSS relacionados writing-mode define la dirección en línea, lo que afecta inline-size el resultado del atributo. Para las páginas en inglés, la dirección en línea es de izquierda a derecha, mientras que la dirección en bloque es hacia abajo.

los atributos de CSS inline-size y block-size los atributos son similares a los de CSS width y height los atributos son muy similares, pero inline-size y block-size El atributo depende de la dirección en línea y la dirección en bloque.

Ejemplo

Ejemplo 1

Establecer el tamaño del elemento <div> en la dirección en línea:

div {
  inline-size: 200px;
}

Pruebe usted mismo

Ejemplo 2

cuando el elemento <div> writing-mode el valor del atributo se establece en vertical-rl cuando, la dirección en línea cambia de horizontal a vertical hacia abajo, lo que afecta inline-size Manera de trabajar del atributo:

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

Pruebe usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor	Descripción
auto	Valor predeterminado. Valor predeterminado de inline-size del elemento.
longitud	Especifique el tamaño en la dirección en línea, con unidades como px, pt, cm, etc. Permite valores negativos. Consulte:Unidades CSS.
%	Especifique el porcentaje del tamaño en el eje correspondiente en relación con el elemento padre.
initial	Establezca este atributo en su valor predeterminado. Consulte initial.
inherit	Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado:	auto
Herencia:	No
Creación de animaciones:	Admite. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.inlineSize="250px"