Stijl alignSelf eigenschap

Definitie en gebruik

alignSelf De eigenschap bepaalt de positie van de geselecteerde items binnen de flexibele container.

Opmerking:De alignSelf eigenschap overschrijft de eigenschap van de flexibele container AlignItems property.

Voorbeeld

Stel de positie van een van de flexibele elementen in om de container aan te passen:

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

Probeer het zelf

Syntax

Retourneren van de alignSelf eigenschap:

object.style.alignSelf

Instellen van de alignSelf eigenschap:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
auto Standaard. Het element erfde de eigenschap van de ouderlijke container, indien er geen ouderlijke container is, is het "stretch".
stretch Het element wordt uitgerekt om de container aan te passen.
center Het element bevindt zich in het midden van de container.
flex-start Het element bevindt zich aan het begin van de container.
flex-end Het element bevindt zich aan het einde van de container.
baseline Het element bevindt zich op de baselinie van de container.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

technische details

Standaardwaarde: auto
terugkeergewaarde: een tekenreeks die de align-self eigenschap.
CSS versie: CSS3

browserondersteuning

AlignItems is een CSS3 (1999) eigenschap.

Ondersteuning door alle browsers volledig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ondersteunt ondersteunt ondersteunt ondersteunt ondersteunt 11

gerelateerde pagina's

CSS referentiehandleiding:align-self eigenschap

HTML DOM STYLE reference manual:AlignContent property

HTML DOM STYLE reference manual:AlignItems property