الرمز المزيف ::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;
}

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

دعم المتصفح

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

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

دليل:الصيغة المزيفة

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