relative-align-top#

#Introduction

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

#Examples

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

Preview

#Syntax

relative-align-top: parent;
relative-align-top: none;

relative-align-top: 1;
relative-align-top: 2;

#Values

• none

  Default Value. Does not align on the top edge.

• parent

  The top edge is aligned with the parent element.

• <number>

  int only. The top 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-top = none | parent | <number>

#Difference between web

• There is no such style in web.

#Compatibility

LCD tables only load in the browser