La flex-basispropiedad es una subpropiedad del módulo Diseño de caja flexible.
Especifica el tamaño inicial del artículo flexible, antes de que cualquier espacio disponible se distribuya de acuerdo con los factores de flexibilidad. Cuando se omite de la flexabreviatura, su valor especificado es la longitud cero.
Un valor de base flexible establecido para autodimensionar el elemento de acuerdo con su propiedad de tamaño (que en sí puede ser la palabra clave auto, que dimensiona el elemento según su contenido).
Sintaxis
flex-basis: .flex-item ( flex-basis: 100px; )Tenga en cuenta que, como para cualquier ancho, las longitudes negativas no son válidas.
Manifestación
Soporte del navegador
- (moderno) significa la sintaxis reciente de la especificación (p
display: flex;. ej. ) - (híbrido) significa una sintaxis no oficial extraña de 2011 (p
display: flexbox;. ej. ) - (antiguo) significa la sintaxis antigua de 2009 (p
display: box;. ej. )
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderno) 20- (antiguo) | 3.1+ (antiguo) | 2-21 (antiguo) 22+ (nuevo) | 12.1+ (moderno) | 10+ (híbrido) | 2.1+ (antiguo) | 3.2+ (antiguo) |
El navegador Blackberry 10+ admite la nueva sintaxis.
Para obtener más información sobre cómo mezclar sintaxis para obtener la mejor compatibilidad con el navegador, consulte este artículo (Trucos CSS) o este artículo (DevOpera).