Atributo Style flexBasis

Definición y uso

flexBasis Este atributo especifica la longitud inicial del elemento flexible.

Notas:Si el elemento no es un elemento flexible, entonces flexBasis Atributo no válido.

Vea también:

Manual de Referencia de CSS:flex-basis

Ejemplo

Establecer la longitud inicial del elemento flexible en 200 píxeles:

document.getElementById("myBlueDiv").style.flexBasis = "200px";

Pruebe usted mismo

Sintaxis

Devolver propiedades flexBasis:

object.style.flexBasis

Configurar propiedades flexBasis:

object.style.flexBasis = "number|auto|initial|inherit"

Valor del atributo

Valor Descripción
number Especifique la longitud inicial del elemento flexible, la unidad de longitud o el porcentaje.
auto

Valor predeterminado. La longitud es igual a la longitud del elemento flexible.

Si el elemento no tiene una longitud especificada, la longitud depende de su contenido.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor de retorno: Cadena de caracteres que representa el flex-basis.
Versión de CSS: CSS3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero soportó completamente esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad 11.0 Compatibilidad 9.0 Compatibilidad

Páginas Relacionadas

Manual de Referencia de STYLE DOM HTML:flex

Manual de Referencia de STYLE DOM HTML:flexDirection

Manual de Referencia de STYLE DOM HTML:flexFlow

Manual de Referencia de STYLE DOM HTML:flexGrow

Manual de Referencia de STYLE DOM HTML:flexShrink

Manual de Referencia de STYLE DOM HTML:flexWrap