Psevdoelement before

Psevdoelement before mətni elementdən əvvəl yerləşdirir. Yalnız content xüsusiyyəti ilə birlikdə istifadə olunur, hansı ki, əlavə ediləcək mətni təyin edir.

Sintaksis

selektor::before {
	content: 'mətn';
}

Nümunə

Gəlin elə edək ki, li üzərinə gələndə onun əvvəlinə mətn əlavə olunsun:

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

li:hover::before {
	content: '!!!';
}

Nümunə

Əlavə olunan mətnə müxtəlif stillər tətbiq etmək olar. Gəlin, məsələn, bu mətni hansısa rəngə boyayaq:

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

li:hover::before {
	color: red;
	content: '!!!';
}

Həmçinin bax

psevdoelement after,
hansı ki, teqin mətndən sonra əlavə edir
funksiya attr,
hansı ki, teqin atributunun qiymətini alır
xüsusiyyət counter-increment,
hansı ki, avtomatik nömrələməni təyin edir