এই এলিমেন্টটি ব্যবহার করে যেকোনো এলিমেন্টের আগে কিছু কন্টেন্ট যোগ করা যায়। নিচের উদাহরণটি দেখিয়ে ছেড়েছে কিভাবে :before এলিমেন্ট ব্যবহার করে যেকোনো এলিমেন্টে কন্টেন্ট যোগ করা যায়।
উদাহরণ
<html> <head> <style> p:before { content: url(/images/bullet.gif) } </style> </head> <body> <p> This line will be preceded by a bullet.</p> <p> This line will be preceded by a bullet.</p> <p> This line will be preceded by a bullet.</p> </body> </html>