CSS ::before ڈیجیٹ ایلیمنٹ

تعریف و استعمال

CSS ::before ڈیجیٹ ایلیمنٹ، معین کردار کی محتوائی قبل میں کچھ محتوا شمار کردار کردار کا استعمال کریں。

استفاده: content مالکیت معین کردار کا محتوا کریں۔ 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 ڈیجیٹ ایلیمنٹ