HTML class Attribute
ဥပမာ
HTML document တစ်ခုတွင် class attribute ကိုအသုံးပြုခြင်း-
<html>
<head>
<style>
h1.intro {
color: blue;
}
p.important {
color: green;
}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>
</body>
</html>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
class
ရည်ညွှန်းချက်သည် ဒြပ်စင်တစ်ခုအတွက် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော အတန်းအမည်များကို သတ်မှတ်သည် ။
class
စတိုင်စာရွက်ရှိ အတန်းတစ်ခုအား ညွှန်ပြရန် attribute ကို အများအားဖြင့် အသုံးပြုသည် ။ သို့ရာတွင်၊ သတ်မှတ်ထားသော အတန်းအစား HTML ဒြပ်စင်များသို့ ပြောင်းလဲမှုများ ပြုလုပ်ရန် JavaScript (HTML DOM မှတဆင့်) ကိုလည်း အသုံးပြုနိုင်သည်။
Browser ပံ့ပိုးမှု
Attribute | |||||
---|---|---|---|---|---|
class | Yes | Yes | Yes | Yes | Yes |
အထားအသို
<element class="classname">
ရည်ညွှန်းတန်ဖိုးများ
Value | Description |
---|---|
classname | Specifies one or more class names for an element. To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element.
Naming rules:
|
နောက်ထပ် ဥပမာများ
ဥပမာ
HTML အစိတ်အပိုင်းတစ်ခုသို့ အတန်းများစွာကို ပေါင်းထည့်ပါ-
<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
color: blue;
text-align: center;
}
.important {
background-color: yellow;
}
</style>
</head>
<body>
<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
ဥပမာ
class="example" (အညွှန်း 0) ဖြင့် ပထမဒြပ်စင်သို့ အဝါရောင်နောက်ခံအရောင်ထည့်ရန် JavaScript ကို အသုံးပြုခြင်း။
var x = document.getElementsByClassName("example");
x[0].style.backgroundColor = "yellow";
ဥပမာ
id="myDIV" ပါသည့် အရာတစ်ခုသို့ "mystyle" အတန်းကို ထည့်ရန် JavaScript ကို အသုံးပြုခြင်း-
document.getElementById("myDIV").classList.add("mystyle");
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML အရည်အချင်းများ
CSS သင်ခန်းစာ- CSS Syntax
CSS ရည်ညွှန်းချက်- CSS .class ရွေးချယ်မှု
HTML DOM ရည်ညွှန်း- HTML DOM getElementsByClassName() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- HTML DOM className Property
HTML DOM ရည်ညွှန်းချက်- HTML DOM classList Property
HTML DOM ရည်ညွှန်း- HTML DOM စတိုင် Object