Los últimos tutoriales de desarrollo web
 

Style alignSelf Property

<Estilo de objeto

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