বৈশিষ্ট্য যা তাদের CSS প্রতিরূপের মত আচরণ করে:
- উচ্চতা, সর্বোচ্চ উচ্চতা, সর্বনিম্ন উচ্চতা (যেমন '100px')
- প্রস্থ, সর্বোচ্চ প্রস্থ, মিনিট প্রস্থ (যেমন '100px')
- প্যাডিং, মার্জিন (যেমন '4px 4px 4px 4px' বা সহজভাবে '4px')
- রঙ, পটভূমির রঙ (যেমন 'লাল' বা '#FF0000')
- সীমানা (যেমন '1px কঠিন কালো')
- বর্ডার কালার (যেমন 'লাল কালো নীল #FF0000')
- বর্ডার রেডিয়াস (যেমন '10px')
- বর্ডার স্টাইল (যেমন 'সলিড ড্যাশড নন ডটেড')
- বর্ডার প্রস্থ (যেমন '1px 0px 1px 0px')
- ফন্ট সাইজ (যেমন '24px')
- ফন্ট স্টাইল (যেমন 'ইটালিক')
- ফন্টওয়েট (যেমন 'বোল্ড' বা '100')
- ফন্ট ফ্যামিলি (যেমন 'মনোস্পেস' বা 'সেরিফ')
- পাঠ্য সারিবদ্ধ (যেমন 'বাম' বা 'কেন্দ্র')
- টেক্সট ডেকোরেশন (যেমন 'আন্ডারলাইন' বা 'লাইন-থ্রু')
- হোয়াইটস্পেস (যেমন 'nowrap' বা 'pre')
- দেখানো (সত্য বা মিথ্যা)
সমর্থিত কাস্টম লেআউট বৈশিষ্ট্য (ui.Panel.Layout ডকুমেন্টেশন দেখুন):
- প্রসারিত ('অনুভূমিক', 'উল্লম্ব', 'উভয়')
- অবস্থান ('উপর-ডান', 'উপর-মাঝে', 'উপর-বাম', 'নিচে-ডান', ...)
ব্যবহার | রিটার্নস |
---|---|
Button. style () | ui.data.ActiveDictionary |
যুক্তি | টাইপ | বিস্তারিত |
---|---|---|
এই: ui.widget | ui.উইজেট | ui.Widget উদাহরণ। |
উদাহরণ
কোড এডিটর (জাভাস্ক্রিপ্ট)
// 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);