Style outlineWidth attribute

Definition and usage

outlineWidth Attribute sets or returns the width of the outline around the element.

Outline is a line around the element. It is displayed around the element's margin. However, it is different from the border property.

Outline is not part of the element size, so the width and height properties of the element do not include the outline width.

see also:

CSS tutorial:CSS အဆန့်

CSS reference manual:outline အကိုင်းသတ္တု

HTML DOM reference manual:outline အကိုင်းသတ္တု

instance

example 1

change <div> အရာဝတ္တု အပြင်ဘက် အကျယ်အဝန်း:

document.getElementById("myDiv").style.outlineWidth = "10px";

ကျွန်ုပ်ကိုယ် ကြိုးစားလေ့ကျင့်ပါ:

example 2

use "thick" value to change <div> အရာဝတ္တု အပြင်ဘက် အကျယ်အဝန်း:

document.getElementById("myDiv").style.outlineWidth = "thick";

ကျွန်ုပ်ကိုယ် ကြိုးစားလေ့ကျင့်ပါ:

example 3

return <div> အရာဝတ္တု အပြင်ဘက် အကျယ်အဝန်း ကို:

alert(document.getElementById("myDiv").style.outlineWidth);

ကျွန်ုပ်ကိုယ် ကြိုးစားလေ့ကျင့်ပါ:

အပြောအဆ

outlineWidth အကိုင်းသတ္တု ကို ပြန်လည်သတင်းပါ:

object.style.outlineWidth

outlineWidth အကိုင်းသတ္တု ကို သတ်မှတ်ပါ:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

အကိုင်းသတ္တု အပုံစံ

ပုံစံ ဖော်ပြ
thin အကျယ်အဝန်း အကျယ်ကြီး ကို ဖော်ပြသည်。
medium အကျယ်အဝန်း အကျယ်အများဆုံး ကို ဖော်ပြသည်။ မူကျမ်းအရ
thick အကျယ်အဝန်း အကျယ်ကြီး ကို ဖော်ပြသည်。
length အကျယ်အဝန်း အစုအဝေး ဖြင့် အပြင်ဘက် အကျယ်အဝန်း
initial အကိုင်းသတ္တု အရာဝတ္တု ကို မူကျမ်းအရ အသုံးပြုပါ။ ကျမ်းကို ကြည့်လော့。 initial。
inherit အဖွဲ့ဝင် အရာဝတ္တု မှ အကိုင်းသတ္တု အရာဝတ္တု ကို ထိန်းချုပ်ကြပါ။ ကျမ်းကို ကြည့်လော့。 inherit。

နည်းပါးထုတ်ပြီး အချက်အလက်

မူကျမ်းအရ: medium
ပြန်လည်သတင်း: ကြောက်သုံး ပုံစံ၊ အရာဝတ္တု အရေအတွက် အနည်းငယ်သော အပြင်ဘက် အကျယ်အဝန်းကို ဖော်ပြသည်。
CSS ပုံစံ: CSS2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持