Article

tv-position

Sets the position of an element inside of its parent element.

Overview

Use the tv-position style to specify where an element is positioned inside of its parent element.

Values for tv-position

bottom

The element is positioned at the bottom of the containing element.

bottom-leading

The element is positioned in the bottom corner and leading edge of the containing element.

bottom-left

The element is positioned in the bottom-left corner of the containing element.

bottom-right

The element is positioned in the bottom-right corner of the containing element.

bottom-trailing

The element is positioned in the bottom corner and trailing edge of the containing element.

center

The element is centered horizontally and vertically in the containing element.

footer

The element is positioned in the footer section of the containing element.

header

The element is positioned in the header section of the containing element.

leading

The element is positioned along the leading edge of the containing element.

left

The element is positioned to the left of the containing element.

right

The element is positioned to the right of the containing element.

top

The element is positioned at the top of the containing element.

top-leading

The element is positioned in the top corner and leading edge of the containing element.

top-left

The element is positioned in the top-left corner of the containing element.

top-right

The element is positioned in the top-right corner of the containing element.

top-trailing

The element is positioned in the top corner and trailing edge of the containing element.

trailing

The element is positioned along the trailing edge of the containing element.

Elements that Use tv-position

See Also

Element Alignment

text-align

Aligns text horizontally in an element.

tv-align

Aligns an element horizontally inside its parent.

tv-content-align

Aligns an element vertically inside its parent element.