Propiedad alignItems de estilo
Ejemplo
Coloque las alineaciones de todos los elementos del elemento <div> flexible al principio del contenedor:
document.getElementById("main").style.alignItems = "flex-start";
Definición y uso
La propiedad alignItems especifica la alineación predeterminada de los elementos dentro del contenedor flexible.
Sugerencia: use la propiedad align-self de cada elemento para anular la propiedad align-items.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de Webkit especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
Sintaxis
Devuelve la propiedad alignItems:
object.style.alignItems
Establezca la propiedad alignItems:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | tramo |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de elementos de alineación de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad de elementos de alineación
Referencia HTML DOM STYLE: propiedad alignContent
Referencia HTML DOM STYLE: propiedad alignSelf