relative-align-bottom#

#Introduction

In relative-layout, specifies that the current element is aligned with the bottom edge of the parent or sibling element corresponding to id.

#Examples

css-apisrc/relative-align-bottom/App.tsx

Preview

#Syntax

relative-align-bottom: parent;
relative-align-bottom: none;

relative-align-bottom: 1;
relative-align-bottom: 2;

#Values

• none

  Default Value. Does not align on the bottom edge.

• parent

  The bottom edge is aligned with the parent element.

• <number>

  int only. The bottom edge is aligned with the sibling element corresponding to this value(refer to relative-id).

  Info

  Attention please when setting relative-id: -1 and 0 are special values. -1 is the default value, indicating that the current element will not be considered as the alignment reference standard for sibling elements. Using 0 as an element ID is not allowed, as it will result in unexpected behavior.

#Formal definition

#Formal syntax

relative-align-bottom = none | parent | <number>

#Difference between web

• There is no such style in web.

#Compatibility