ویژگی هایی که مانند همتایان CSS خود رفتار می کنند:
- ارتفاع، حداکثر ارتفاع، حداقل ارتفاع (به عنوان مثال '100 پیکسل')
- عرض، حداکثر عرض، عرض کمتر (به عنوان مثال '100px')
- بالشتک، حاشیه (به عنوان مثال '4px 4px 4px' یا به سادگی '4px')
- رنگ، رنگ پس زمینه (به عنوان مثال "قرمز" یا "#FF0000")
- حاشیه (به عنوان مثال '1px یکدست سیاه')
- borderColor (به عنوان مثال "قرمز سیاه آبی #FF0000")
- border Radius (به عنوان مثال '10px')
- borderStyle (مثلاً "نقطه دار بدون نقطه چین")
- borderWidth (به عنوان مثال '1px 0px 1px 0px')
- اندازه فونت (به عنوان مثال '24px')
- سبک فونت (به عنوان مثال "مورب")
- وزن فونت (به عنوان مثال "پررنگ" یا "100")
- fontFamily (به عنوان مثال "تک فضا" یا "سریف")
- textAlign (به عنوان مثال "چپ" یا "مرکز")
- تزیین متن (به عنوان مثال "زیر خط" یا "خط از طریق")
- فضای سفید (به عنوان مثال 'nowrap' یا 'pre')
- نشان داده شده (درست یا نادرست)
ویژگی های طرح بندی سفارشی پشتیبانی شده (به مستندات ui.Panel.Layout مراجعه کنید):
- کشش ("افقی"، "عمودی"، "هر دو")
- موقعیت ("بالا-راست"، "بالا-مرکز"، "بالا-چپ"، "پایین-راست"، ...)
| استفاده | برمی گرداند |
|---|---|
Panel. style () | ui.data.ActiveDictionary |
| استدلال | تایپ کنید | جزئیات |
|---|---|---|
این: ui.widget | UI.ویجت | نمونه ui.Widget. |
نمونه ها
ویرایشگر کد (جاوا اسکریپت)
// Define a UI widget and add it to the map. var widget = ui.Panel({style: {width: '400px', height: '200px'}}); 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);