Atributo Style alignSelf

Definición y uso

alignSelf El atributo especifica el modo de alineación del elemento seleccionado dentro del contenedor flexible.

Nota:El atributo alignSelf anula el atributo align-items del contenedor flexible Atributo alignItems.

Ejemplo

Establecer el modo de alineación de un elemento dentro de un elemento flexible para adaptarse al contenedor:

document.getElementById("myBlueDiv").style.alignSelf = "estirar";

Pruebe usted mismo

Sintaxis

Retornar el atributo alignSelf:

objeto.style.alignSelf

Configurar el atributo alignSelf:

objeto.style.alignSelf = "auto|estirar|centro|flex-start|flex-end|linea_base|initial|inherit"

Valor del atributo

Valor Descripción
auto Predeterminado. El elemento hereda el atributo align-items del contenedor flexible, si no hay contenedor padre,则为 "estirar".
estirar El elemento se estira para adaptarse al contenedor.
centro El elemento se encuentra en el centro del contenedor.
flex-start El elemento se encuentra en el principio del contenedor.
flex-end El elemento se encuentra en la parte final del contenedor.
linea_base El elemento se encuentra en la línea base del contenedor.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor de retorno: Cadena que representa el align-self atributo.
Versión de CSS: CSS3

Soporte del Navegador

alignItems es una característica de CSS3 (1999).

Todos los navegadores lo soportan completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte 11

Páginas Relacionadas

Manual de Referencia de CSS:align-self atributo

Manual de referencia del HTML DOM STYLE:Atributo alignContent

Manual de referencia del HTML DOM STYLE:Atributo alignItems