Свойства, которые ведут себя как их аналоги CSS:
- высота, макс. высота, мин. высота (например, '100px')
- ширина, макс. ширина, мин. ширина (например, «100 пикселей»)
- отступы, поля (например, «4px 4px 4px 4px» или просто «4px»)
- цвет, backgroundColor (например, «красный» или «#FF0000»)
- граница (например, «1 пиксель сплошной черный»)
- borderColor (например, «красный черный синий #FF0000»)
- borderRadius (например, '10px')
- borderStyle (например, «сплошная штриховая без точек»)
- borderWidth (например, '1px 0px 1px 0px')
- размер шрифта (например, «24px»)
- fontStyle (например, «курсив»)
- fontWeight (например, «жирный» или «100»)
- fontFamily (например, «monospace» или «serif»)
- textAlign (например, «по левому краю» или «по центру»)
- textDecoration (например, «подчеркивание» или «перечеркивание»)
- пробел (например, «nowrap» или «pre»)
- показано (истина или ложь)
Поддерживаемые пользовательские свойства макета (см. документацию ui.Panel.Layout):
- растянуть («горизонтально», «вертикально», «оба»)
- положение («сверху справа», «сверху по центру», «сверху слева», «снизу справа», ...)
Использование | Возвраты |
---|---|
Button. style () | ui.data.ActiveDictionary |
Аргумент | Тип | Подробности |
---|---|---|
это: ui.widget | ui.Виджет | Экземпляр ui.Widget. |
Примеры
Редактор кода (JavaScript)
// Define a UI widget and add it to the map. var widget = ui.Button({label: 'A ui.Button', style: {width: '400px'}}); Map.add(widget); // View the UI widget's style properties; an ActiveDictionary. print(widget.style()); // ActiveDictionaries are mutable; set a style property. widget.style().set('backgroundColor', 'lightgray'); print(widget.style()); // Define the UI widget's style ActiveDictionary as a variable. var widgetStyle = widget.style(); print(widgetStyle); // Set the UI widget's style properties from the ActiveDictionary variable. widgetStyle.set({border: '5px solid darkgray'}); print(widgetStyle);