الرمز المزيف ::after CSS

التعريف والاستخدام

CSS ::after الإشارات المزيفة تستخدم لضمان إضافة بعض المحتويات بعد محتوى العنصر المحدد.

استخدام content تحديد المحتوى المضمن. يمكن أن تكون قيمة content:

• النص: content: "Hello world!";
• الصورة: content: url(myimage.jpg);
• بدون محتوى: content: none;
• المحاسبة: content: counter(li);
• القوائم: content: close-quote;
• قيمة الخاصية: content: " (" attr(href) ")";

نصيحة:لاحظ أن المحتويات المضمنة لا تزال موجودة داخل العنصر المحدد. سيتم إضافة المحتويات المضمنة بعد المحتويات الأخرى الموجودة داخل العنصر.

استخدام ::before أضف بعض المحتويات قبل محتوى العنصر المحدد.

مثال

مثال 1

أضف سلسلة نصية بعد محتوى كل عنصر <p>:

p::after {
  content: " - تذكر هذا";
}

تجربة شخصية

مثال 2

أضف سلسلة نصية بعد محتوى كل عنصر <p> وحدد نمط المحتوى المضمن:

p::after {
  content: " - تذكر هذا";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

تجربة شخصية

اللغة النصية الخاصة بـ CSS

::after {
  بيانات css;
}

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم الإشارة المزيفة بشكل كامل.

الصفحات ذات الصلة

دليل التعليماتالإشارات المزيفة الخاصة بـ CSS

مرجع:الرمز المزيف ::before CSS