Определяет цвет фона элемента.
Синтаксис:
background-color: цвет
См. цвет
Значение по умолчанию:
background-color: none;
Пример:
background-color: #FF0000;
Область применения:
Устанавливает фоновое изображение для элемента. Допустимо наличие в рисунке прозрачных областей.
Синтаксис:
background-image: url(путь к файлу) | none
Значение по умолчанию:
background-image: none;
Пример:
background-image: url(arrow.png);
Область применения:
Компонент | Версия |
---|---|
Button | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
Image | - |
TextView | 2.3.2.106 |
Примечание:
- Если для элемента одновременно задан цвет фона и фоновое изображение, будет отображено только изображение.
- Если для элемента одновременно заданы границы и фоновое изображение, будет отображено только изображение.
Устанавливает цвет границы для всех сторон элемента.
Синтаксис:
border-color: цвет
См. цвет
Значение по умолчанию:
border-color: none;
Пример:
border-color: $f00;
Область применения:
Устанавливает радиус скругления уголков рамки. Если рамка не задана, то скругление также происходит и с фоном.
Синтаксис:
border-radius: размер
См. размер
Значение по умолчанию:
border-radius: 0px;
Пример:
border-radius: 10dp;
Область применения:
Компонент | Версия |
---|---|
Button | - |
EditText | - |
MemoEdit | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
TextView | - |
Примечание:
- Невозможно задать в качестве единицы измерения проценты от родителя (%) или проценты от экрана (sp)
- Радиус скругления не влияет на разметку
Устанавливает стиль границы вокруг элемента.
Синтаксис:
border-style: none | solid
none: Не отображает границу и ее толщина задается нулевой.
solid: Отображает простую границу
Значение по умолчанию:
border-style: none;
Пример:
border-style: solid;
Область применения:
Задает толщину границы одновременно на всех сторонах элемента.
Синтаксис:
border-width: размер
См. размер
Значение по умолчанию:
border-width: 0px;
Пример:
border-width: 1dp;
Область применения:
Компонент | Версия |
---|---|
Button | - |
EditText | - |
MemoEdit | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
TextView | - |
Примечание:
- Невозможно задать в качестве единицы измерения проценты от родителя (%) или проценты от экрана (sp)
- Границы напрямую влияют на разметку
Определяет цвет текста элемента.
Синтаксис:
color: цвет
См. цвет
Значение по умолчанию:
color: none;
Пример:
color: #2d89cf;
Область применения:
Выравнивает элемент относительно своего родителя, если он - <c:DockLayout/>.
Синтаксис:
dock-align: left | top | right | bottom
Значение по умолчанию:
dock-align: top;
Пример:
dock-align: left;
Примечание:
Подробности см. <c:DockLayout/>.
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.
Синтаксис:
font: font-size font-family
font-size: высота шрифта, см. размер
font-family: наименование шрифта
Значение по умолчанию:
font: 0px arial;
Пример:
font: 80% arial;
Область применения:
Примечание:
- Если значение размера шрифта задается в процентах, за основу берется текущий контейнер. Не рекомендуется устанавливать размер шрифта более 90%
- Стили font-family и font-size частично переопределяют и переопределяются данным стилем
Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.
Синтаксис:
font-family: имя шрифта
Значение по умолчанию:
font-family: arial;
Пример:
font-family: roboto;
Область применения:
Примечание:
Стиль font переопределяет и частично переопределяется данным стилем
Определяет размер шрифта элемента.
Синтаксис:
font-size: размер
См. размер
Значение по умолчанию:
font-size: 0px;
Пример:
font-size: 20dp;
Область применения:
Примечание:
- Если значение размера шрифта задается в процентах, за основу берется текущий контейнер. Не рекомендуется устанавливать размер шрифта более 90%
- Стиль font переопределяет и частично переопределяется данным стилем
Устанавливает ширину элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
Синтаксис:
height: размер
См. размер
Значение по умолчанию:
height: 0px;
Пример:
height: 50%;;
Выравнивает элемент по горизонтали относительно своего родителя, если он - <c:VerticalLayout\> или <c:SwipeVerticalLayout/>.
Синтаксис:
horizontal-align: left | center | right
Значение по умолчанию:
horizontal-align: left;
Пример:
horizontal-align: right;
Примечание:
Подробности см. в справке по <c:VerticalLayout\> и <c:SwipeVerticalLayout/>.
Устанавливает величину отступа от нижнего края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента.
Синтаксис:
margin-bottom: размер
См. размер
Значение по умолчанию:
margin-bottom: 0px;
Пример:
margin-bottom: 19mm;
Примечание:
- Отступы не работают для компонентов, вложенных в ScrollView
- Если размер отступа задан в процентах от родителя (%) или от экрана (sp), то для left, right используется ширина контейнера,а для to , botttom - высота.
Устанавливает величину отступа от левого края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента.
Синтаксис:
margin-left: размер
См. размер
Значение по умолчанию:
margin-left: 0px;
Пример:
margin-left: 19mm;
Примечание:
- Отступы не работают для компонентов, вложенных в ScrollView
- Если размер отступа задан в процентах от родителя (%) или от экрана (sp), то для left, right используется ширина контейнера,а для to , botttom - высота.
Устанавливает величину отступа от правого края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента.
Синтаксис:
margin-right: размер
См. размер
Значение по умолчанию:
margin-right: 0px;
Пример:
margin-right: 19mm;
Примечание:
- Отступы не работают для компонентов, вложенных в ScrollView
- Если размер отступа задан в процентах от родителя (%) или от экрана (sp), то для left, right используется ширина контейнера,а для to , botttom - высота.
Устанавливает величину отступа от верхнего края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента.
Синтаксис:
margin-top: размер
См. размер
Значение по умолчанию:
margin-top: 0px;
Пример:
margin-top: 19mm;
Примечание:
- Отступы не работают для компонентов, вложенных в ScrollView
- Если размер отступа задан в процентах от родителя (%) или от экрана (sp), то для left, right используется ширина контейнера,а для to , botttom - высота.
Устанавливает значение поля снизу от содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.
Синтаксис:
padding-bottom: размер
См. размер
Значение по умолчанию:
padding-bottom: 0px;
Пример:
padding-bottom: 10mm;
Область применения:
Компонент | Версия |
---|---|
Button | 2.3.2.106 |
EditText | - |
MemoEdit | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
TextView | - |
Примечание:
Если значение задается в процентах, за основу берется текущий контейнер
Устанавливает значение поля от левого края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.
Синтаксис:
padding-left: размер
См. размер
Значение по умолчанию:
padding-left: 0px;
Пример:
padding-left: 10mm;
Область применения:
Компонент | Версия |
---|---|
Button | 2.3.2.106 |
EditText | - |
MemoEdit | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
TextView | - |
Примечание:
Если значение задается в процентах, за основу берется текущий контейнер
Устанавливает значение поля от правого края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.
Синтаксис:
padding-right: размер
См. размер
Значение по умолчанию:
padding-right: 0px;
Пример:
padding-right: 10mm;
Область применения:
Компонент | Версия |
---|---|
Button | 2.3.2.106 |
EditText | - |
MemoEdit | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
TextView | - |
Примечание:
Если значение задается в процентах, за основу берется текущий контейнер
Устанавливает значение поля от сверху содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.
Синтаксис:
padding-top: размер
См. размер
Значение по умолчанию:
padding-top: 0px;
Пример:
padding-top: 10mm;
Область применения:
Компонент | Версия |
---|---|
Button | 2.3.2.106 |
EditText | - |
MemoEdit | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
SwipeHorizontalLayout | - |
SwipeVerticalLayout | - |
TextView | - |
Примечание:
Если значение задается в процентах, за основу берется текущий контейнер
Задает текст компонента placeholder.
Синтаксис:
placeholder-color: цвет
См. цвет
Значение по умолчанию:
placeholder-color: none;
Пример:
placeholder-color: #f00;
Область применения:
Задает изменение цвета фона компонента, при взаимодействии с ним
Синтаксис:
selected-background: цвет
См. цвет
Значение по умолчанию:
selected-background: none;
Пример:
selected-background: #0f0;
Область применения:
Примечание:
- Если задано значение none, фон не становится прозрачным, он просто не меняется
- Основное отличие данного стиля от selected-color в том, что только для Button и TextView selected-background меняет цвет фона компонента, в то время как selected-color для данных компонентов меняет только цвет текста
Цвета компонента, при взаимодействии с ним
Синтаксис:
selected-color: цвет
См. цвет
Значение по умолчанию:
selected-color: none;
Пример:
selected-color: #bacdce;
Область применения:
Компонент | Версия |
---|---|
Button | - |
DockLayout | - |
HorizontalLayout | - |
VerticalLayout | - |
Image | - |
TextView | - |
Примечание:
- Если задано значение none, фон не становится прозрачным, он просто не меняется
- Для компонентов DockLayout, HorizontalLayout, VerticalLayout, Image данный стиль меняет background-color или применяет цветовой фильтр к background-image при взаимодействии
- Для компонентов Button, TextView данный стиль меняет цвет текста (color) при взаимодействии
Определяет горизонтальное выравнивание текста в пределах элемента.
Синтаксис:
text-align: center | left | right
Значение по умолчанию:
text-align: left;
Пример:
text-align: center;
Область применения:
Свойство, позволяющее задать способ обработки текста.
Синтаксис:
text-format: text | html
Значение по умолчанию:
text-format: text;
Пример:
text-format:html
Область применения:
Примечание:
- Html теги возможно задать только в скрипте или в словаре (папка Translate). Например: <c:TextView Text=""#text# ", где #text# - объявленная в словаре строка <b><font color="#FF0000">Hello</font> <i>World</i></b>
- Поддерживаемые html теги: <a href="...">, <b>, <big>, <blockquote>, <br>, <cite>, <dfn>, <div align="...">, <em>, <font size="..." color="..." face="...">, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <img src="...">, <p>, <small>, <strike>, <strong>, <sub>, <sup>, <tt>, <u>
- Разбор html занимает достаточно приличное время (20-40 миллисекунд) на устройствах под управлением IOS. Выполняется динамически, так что вполне корректно применять text-format: html для TextView в ScrollView
Выравнивает элемент по горизонтали относительно своего родителя, если он - <c:HorizontalLayout\> или <c:SwipeHorizontalLayout/>.
Синтаксис:
vertical-align: top | center | bottom
font-size: высота шрифта, см. размер
font-family: наименование шрифта
Значение по умолчанию:
vertical-align: top;
Пример:
vertical-align: bottom;
Область применения:
Примечание:
Подробности см. в справке по <c:HorizontalLayout\> или <c:SwipeHorizontalLayout/> .
Устанавливает возможность автоматического переноса текста по словам.
Синтаксис:
white-space: normal | nowrap
normal - автоматический перенос слов включен;
nowrap - автоматический перенос слов отключен
Значение по умолчанию:
white-space: nowrap;
Пример:
white-space: normal;
Область применения:
Устанавливает ширину элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
Синтаксис:
width: размер
См. размер
Значение по умолчанию:
width: 0px;
Пример:
width: 19mm;