ui.Button.style

উইজেটের শৈলী ActiveDictionary ফেরত দেয়, যা উইজেটের শৈলী আপডেট করতে পরিবর্তন করা যেতে পারে।

বৈশিষ্ট্য যা তাদের 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);