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
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