Ejemplo
Establecer las alineaciones de uno de los elementos dentro de un elemento flexible para adaptarse a los contenedores:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
Inténtalo tú mismo " Definición y Uso
La propiedad alignSelf especifica la alineación para el elemento seleccionado en el interior del recipiente flexible.
Note: La propiedad alignSelf modificaciones de propiedades alignItems del contenedor flexible.
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 | |||||
---|---|---|---|---|---|
alignSelf | 21.0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Nota: Safari soporta una alternativa, la propiedad WebkitAlignSelf.
Sintaxis
Devolver la propiedad alignSelf:
object .style.alignSelf
Establecer la propiedad alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valores de propiedad
Valor | Descripción |
---|---|
auto | Defecto. El elemento hereda align-artículos propiedad de su contenedor principal, o "stretch" si no tiene ningún contenedor padre |
stretch | El elemento se coloca para adaptarse a la conatiner |
center | El elemento se coloca en el centro del recipiente |
flex-start | El elemento se están colocados al principio del recipiente |
flex-end | El elemento se coloca en el extremo del recipiente |
baseline | El elemento se coloca 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: | auto |
---|---|
Valor de retorno: | Una cadena, que representa la propiedad align-self de un elemento |
Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: align-self property
HTML DOM estilo de referencia: alignContent property
HTML DOM estilo de referencia: alignItems property
<Estilo de objeto