before կեղծ տարրը
before կեղծ տարրը տեղադրում է տեքստը
տարրից առաջ: Օգտագործվում է միայն
content հատկության հետ միասին,
որը սահմանում է տեղադրվող տեքստը:
Շարահյուսություն
ընտրող::before {
content: 'տեքստ';
}
Օրինակ
Եկեք անենք, որ երբ դրվում է ցուցիչը
li-ի վրա, դրա սկզբում տեղադրվի տեքստ.
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::before {
content: '!!!';
}
:
Օրինակ
Տեղադրվող տեքստին կարելի է կիրառել տարբեր ուլունքներ: Եկեք, օրինակ, ներկենք այս տեքստը ինչ-որ գույնով.
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::before {
color: red;
content: '!!!';
}
:
Տես նաև
-
afterկեղծ տարրը,
որը կատարում է տեղադրումը տարրի տեքստից հետո -
attrֆունկցիան,
որը ստանում է տարրի ատրիբուտի արժեքը -
counter-incrementհատկությունը,
որը սահմանում է ավտոմատ համարակալում
