Lynx
Guide
APIs
Blog
Contribute
Guide
APIs
Blog
Contribute

relative-align-right

Introduction

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

Examples

css-apisrc/relative-align-right/App.tsx
Preview

Syntax

relative-align-right: parent;
relative-align-right: none;

relative-align-right: 1;
relative-align-right: 2;

Values

  • none

    Default Value. Does not align on the right edge.

  • parent

    The right edge is aligned with the parent element.

  • <number>

    int only. The right 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

Initial valuenone
Applies torelative items
Inheritedno
Animatable

Formal syntax

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

Difference between web

  • There is no such style in web.

Compatibility

LCD tables only load in the browser

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.