English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La alineación-La propiedad 'self' especifica el alineamiento predeterminado para los elementos dentro de un contenedor flex.
La siguiente tabla resume el contexto de uso y el historial de versiones de esta propiedad.
| valor predeterminado: | auto |
|---|---|
| aplicable a: | elementos flexibles, incluyendo los elementos pseudo de flujo |
| herencia: | ninguno |
| animación posible: | no.ver propiedades de animación. |
| versión: | CSS3nuevas características |
| JavaScript sintaxis: | object.style.alignItems="center" |
La sintaxis de este atributo es la siguiente:
alineación-self: auto | línea base | centro | flex-inicio | flex-final | estirar | inicial | heredar
El siguiente ejemplo muestra cómo usar aline-propiedad self.
.flex-contenedor {
/* Safari */
mostrar: -prefijo webkit-flex;
-prefijo webkit-alineación-items: flex-inicio;
mostrar: flex;
alineación-items: flex-inicio;
}
.alineado {
/* Safari */
-prefijo webkit-flex: 1;
-prefijo webkit-alineación-self: estirar;
flex: 1;
alineación-self: estirar;
}Prueba a ver‹/›La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| auto | El elemento utiliza el valor calculado del atributo alineación del elemento padre.-Si no hay elemento padre para items, se utiliza stretch. Este es el valor predeterminado. |
| línea base | El elemento se encuentra en la línea base del contenedor flex. |
| centro | El elemento se encuentra en el centro del contenedor de extensión. |
| flex-inicio | El elemento se encuentra en el principio del contenedor flex. |
| flex-final | Este elemento se encuentra en el extremo final del contenedor de extensión. |
| estirar | Estirar este elemento para que se ajuste al contenedor flex. |
| inicial | Establezca este atributo en su valor predeterminado. |
| heredar | Si se especifica, el elemento asociado utiliza el valor calculado del atributo alineación del elemento padre.-self. |
alineación-Compatibilidad del navegador para la propiedad self, todos los navegadores principales admiten esta propiedad.
|
Nota: Apple Safari 7y versiones más recientes que soportan aline-propiedad self, pero necesita-prefijo webkit-por ejemplo-prefijo webkit-alineación-self: center;
Consulte la siguiente tutorial:Alineación CSS.
Atributos relacionados:alineación-contenido,alineación-items,mostrar,flex,flex-base,flex-dirección,flex-flujo,flex-crecer,flex-encoger,flex-envolver,justificar-contenido,min-alto,min-ancho,orden.