Ejemplo
Coloque las alineaciones de todos los elementos de la flexibilidad <div> elemento en el comienzo del contenedor:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Inténtalo tú mismo " Definición y Uso
La propiedad alignItems especifica la alineación predeterminada de elementos dentro del contenedor flexible.
Tip: Utilice la propiedad align-yo de cada elemento para reemplazar la propiedad align-elementos.
Soporte del 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 por Webkit especifican la primera versión que trabajó con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| alignItems | 21.0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Nota: Safari soporta una alternativa, la propiedad WebkitAlignItems.
Sintaxis
Devolver la propiedad alignItems:
object .style.alignItemsEstablecer la propiedad alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| stretch | Defecto. Los productos que se estiran para adaptarse al recipiente |
| center | Los artículos se colocan en el centro del recipiente |
| flex-start | Los productos que están colocados al principio del recipiente |
| flex-end | Los artículos se colocan en el extremo del recipiente |
| baseline | Los productos que están posicionados en la línea de base del recipiente |
| 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: | tramo |
|---|---|
| Valor de retorno: | Una cadena, que representa el align-artículos propiedad de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: align-items property
HTML DOM estilo de referencia: alignContent property
HTML DOM estilo de referencia: alignSelf property
<Estilo de objeto