content ගුණය
content ගුණය අත්තනෝමතික
ජනනය කරන ලද පෙළ කොටුවලට ඇතුළු කිරීමට ඉඩ සලසයි.
එය after
සහ before
සූඩෝ-අංග සමඟ එක්ව යොදා ගනී.
වාක්ය රචනය
තෝරන්නා::after {
content: 'පෙළ';
}
තෝරන්නා::before {
content: 'පෙළ';
}
නිදර්ශනය
අපි li ටැගයේ පෙළයේ ආරම්භයේ සහ
අවසානයට අතිරේක පෙළ ඇතුළු කරමු:
<ul>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
</ul>
li::before {
content: '!!!';
}
li::after {
content: '???';
}
:
නිදර්ශනය
ඇතුළු කරන ලද පෙළට විවිධ ශෛලීය යෙදිය හැකිය. උදාහරණයක් ලෙස, මෙම පෙළ යම් වර්ණයකින් පාට කරමු:
<ul>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
<li>ලැයිස්තු අයිතමය</li>
</ul>
li::before {
color: red;
content: '!!!';
}
li::after {
color: green;
content: '???';
}
:
තවත් බලන්න
-
attrශ්රිතය,
එය ටැගයේ ගුණාංගයක අගය ලබා ගනී -
counter-incrementගුණය,
එය ස්වයංක්රීය සංඛ්යා කිරීමක් සකසයි