Enumeration AlignSelf

Используется для задания позиции элемента IElement.alignSelf.

Расплагает элемент в одну из девяти позиций:

	left	center	right
top	topLeft	topCenter	topRight
center	centerLeft	centerCenter	centerRight
bottom	bottomLeft	bottomCenter	bottomRight

Если в описании елемента это свойство задано , то к html элементу добавляется соответствующий класс, например topCenter.

css стили отличаются для двух случаев:

если задано свойство positionAbsolute = true,
если не задано свойсто positionAbsolute = false | undefuned.

см. IElement.positionAbsolute

Enumeration members

bottomCenter

bottomCenter: = "bottomCenter"

CSS

:not(.positionAbsolute).bottomCenter {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
}
.positionAbsolute.bottomCenter {
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}

bottomLeft

bottomLeft: = "bottomLeft"

CSS

:not(.positionAbsolute).bottomLeft {
    margin-top: auto;
    margin-right: auto;
}
.positionAbsolute.bottomLeft {
    bottom: 0px;
    left: 0px;
}

bottomRight

bottomRight: = "bottomRight"

CSS

:not(.positionAbsolute).bottomRight {
    margin-top: auto;
    margin-left: auto;
}
.positionAbsolute.bottomRight {
    bottom: 0px;
    right: 0px;
}

centerCenter

centerCenter: = "centerCenter"

CSS

:not(.positionAbsolute).centerCenter {
   margin-top: auto;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
}
.positionAbsolute.centerCenter {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

centerLeft

centerLeft: = "centerLeft"

CSS

:not(.positionAbsolute).centerLeft {
   margin-top: auto;
   margin-bottom: auto;
   margin-right: auto;
}
.positionAbsolute.centerLeft {
   top: 50%;
   transform: translate(0, -50%);
   left: 0px;
}

centerRight

centerRight: = "centerRight"

CSS

:not(.positionAbsolute).centerRight {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
}
.positionAbsolute.centerRight {
    top: 50%;
    transform: translate(0, -50%);
    right: 0px;
}

topCenter

topCenter: = "topCenter"

CSS

:not(.positionAbsolute).topCenter {
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
}
.positionAbsolute.topCenter {
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}

topLeft

topLeft: = "topLeft"

CSS

:not(.positionAbsolute).topLeft {
   margin-bottom: auto;
   margin-right: auto;
}
.positionAbsolute.topLeft {
    top: 0px;
    left: 0px;
}

topRight

topRight: = "topRight"

CSS

:not(.positionAbsolute).topRight {
    margin-bottom: auto;
    margin-left: auto;
}
.positionAbsolute.topRight {
    top: 0px;
    right: 0px;
}