CSS ::before ပြောင်းလဲသည်

အသုံးပြုနည်းဥပဒေ

CSS ::before ကိုယ်စားပြုသည် အရာတွင် ထပ်ထည့်သွင်းခြင်း အသုံးပြုသည်

အသုံးပြုပါ content အကျုံးဖြူးသည် အသုံးပြုသည် ဘာသာစကားကို ထည့်သွင်းပါ

• ဘာသာစကား: content: "Hello world!";
• ဓါတ်ပုံ: content: url(myimage.jpg);
• အမှတ်မပါ: content: none;
• အစိတ်အစိတ်: content: counter(li);
• ဝေးဝေးခြင်း: content: open-quote;
• အကျုံးဖြူးသည်: content: " (" attr(href) ")";

အကြိုးအကြောင်းကျွန်ုပ်ကိုယ်ဖြင့် ထပ်ထည့်သွင်းသော အရာသည် ကိုယ်စားပြုသည် အရာတွင် အခြေခံ အရာတွင် အသုံးပြုသည်

အသုံးပြုပါ ::after ကိုယ်စားပြုသည် အရာတွင် ထပ်ထည့်သွင်းခြင်း

အကျိုးသတ္တု

အမှတ် 1

အခြေခံ <p> အရာတွင် အသုံးပြုသည် ဘာသာစကားကို ထည့်သွင်းပါ

p::before {
  content: "Read this: ";
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

အမှတ် 2

အခြေခံ <p> အရာတွင် အသုံးပြုသည် ဘာသာစကားကို ထည့်သွင်းပြီး ထည့်သွင်းချက် အဆိုးအဆိုး ကို အသုံးပြုပါ

p::before {
  content: "Read this -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

CSS ဘာသာစကား

::before {
  css အသုံးပြုသည်;
}

နည်းပါးစံ

ဘာသာစကားအား ပြောင်းလဲသည်

ဘာသာစကားများတွင် အခြေခံ ပြောင်းလဲသည် ဘာသာစကားကို အသုံးပြုသည်

လုပ်ငန်းဆိုင်ရာ စာမျက်နှာ

စာကြော်ငြာCSS ပြောင်းလဲသည်

လိုင်္ဂလားCSS ::after ပြောင်းလဲသည်