text

Текстовый блок.

Свойства

text: string | number

Возможность передать данные для отображения как параметр, вместо дочерних элементов.

style

Изменение внешнего вида, расположения и геометрии блока.

  • width, maxWidth, minWidth
    Ширина блока. Подробнее.

  • height, maxHeight, minHeight
    Высота блока. Подробнее.

  • padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft
    Внутренние отступы контейнера. Подробнее.

  • margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft
    Внешние отступы блока. Подробнее.

  • position
    Метод позиционирования блока: relative или absolute. Подробнее.

  • top, right, bottom, left
    Смещение относительно исходной позиции. Подробнее.

  • color
    Цвет текста. Подробнее.

  • fontFamily
    Название семейства шрифта. Подробнее.

  • fontSize
    Размер шрифта. Подробнее.

  • fontStyle
    Возможность задать шрифту курсив. Подробнее.

  • fontWeight
    Жирность шрифта. Подробнее.

  • fontVariant
    Возможность задействовать моноширные цифры Подробнее.

  • letterSpacing
    Междусимвольный интерфал шрифта. Подробнее.

  • lineClamp
    Ограничение высоты текста по количеству строк. Подробнее.

  • lineHeight
    Величина пространства отводимого на одну строку текста по высоте. Подробнее.

  • textAlign
    Принцип выравнивания текста. Подробнее.

  • textAlignVertical
    Выравнивание текста в контейнере по высоте. Подробнее.

  • textDecorationLine
    Добавление к тексту подчеркивания или перечёркивания. Подробнее.

  • textOverflow
    Способ сокращения текста при выходе за границы контейнера. Подробнее.

  • textShadowColor
    Цвет тени текста. Подробнее.

  • textShadowOffset
    Смещение тени по горизонтали и вертикали. Подробнее.

  • textShadowRadius
    Глубина размытия тени в пикселях. Подробнее.

  • textTransform
    Преобразование текста при отображении. Подробнее.

  • backgroundColor
    Цвет фона блока. Подробнее.

  • opacity
    Непрозрачность всего блока с его содержимым. Подробнее.

  • elevation
    Высота тени. Подробнее.

  • shadowColor
    Цвет тени блока. Подробнее.

  • flexBasis
    Исходный размер блока по главной оси контейнера. Подробнее.

  • flexGrow
    Коэффициент роста блока по главной оси контейнера. Подробнее.

  • flexShrink
    Коэффициент сжатия блока по главной оси контейнера. Подробнее.

  • flex
    Задаёт поведение размера блока (рост сжатие и исходный размер) по главной оси контейнера. Подробнее.

  • alignSelf
    Выравнивание конкретного блока поперёк главной оси контейнера. Подробнее.

  • transform
    Преобразование геометрии блоков и контейнеров в 2D и 3D пространстве. Подробнее.

Пример



Блок <text> может выступать в качестве контейнера для других блоков <text>. В таком случае, дочерние блоки следущие один за другим собираются в строку. Блоки собираются в строку без пробелов между ними. Пробелы нужно указывать явно.


Стилизация текста.


Размеры шрифта. Произвольные и заранее заданные.



Класс link для удобства оформления ссылок.


Для задания стандартных отступов по бокам можно использовать класс section.


❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании