Los últimos tutoriales de desarrollo web
 

Style flexBasis Property

<Estilo de objeto

Ejemplo

Establecer la longitud inicial de un elemento-flex en 200 píxeles:

document.getElementById("myBlueDiv").style.flexBasis = "200px";
Inténtalo tú mismo "

Definición y Uso

La propiedad flexBasis especifica la longitud inicial de un elemento flexible.

Note: Si el elemento no es un elemento de flexibilidad, la propiedad flexBasis no tiene ningún efecto.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad flexBasis se apoya en IE10 +, Firefox, Opera y Chrome.

Nota: Safari 6.1+ soporta una alternativa, la propiedad WebkitFlexBasis.


Sintaxis

Devolver la propiedad flexBasis:

object .style.flexBasis

Establecer la propiedad flexBasis:

object .style.flexBasis=" Valores de propiedad
Valor Descripción
number Una unidad de longitud, o porcentaje, especificando la longitud inicial de la flexibles item(s)
auto Valor por defecto. La longitud es igual a la longitud del elemento flexible. Si el artículo no se ha especificado la longitud, la longitud será de acuerdo a su contenido
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: auto
Valor de retorno: Una cadena, que representa la propiedad flex-base de un elemento
Versión CSS CSS3

Páginas relacionadas

Referencia CSS: flex-basis property

HTML DOM estilo de referencia: flex property

HTML DOM estilo de referencia: flexDirection property

HTML DOM estilo de referencia: flexFlow property

HTML DOM estilo de referencia: flexGrow property

HTML DOM estilo de referencia: flexShrink property

HTML DOM estilo de referencia: flexWrap property


<Estilo de objeto