attr ක්‍රියාකාරීත්වය

attr ක්‍රියාකාරිත්වය CSS හි HTML ටැග් එකක ගුණාංගයක අගය ලබා ගැනීමට ඉඩ සලසයි.

වාක්‍ය රචනය

cssතේරුම්කරණය {
  ගුණාංගය: attr(නම, වර්ගය, අගය);
}

පරාමිතීන්

පරාමිතිය විස්තරය
නම මූලද්‍රව්‍යයේ ගුණාංගයේ නම CSS වෙත යවනු ලැබේ.
වර්ගය CSS ගුණාංගයේ අගයේ වර්ගය. පහත දී ඇති යතුරු වචන අවසර ඇත: string (පේළි), color (වර්ණය), url (වෙබ් ලිපිනය), integer (පූර්ණ සංඛ්‍යාව), number (තාත්වික සංඛ්‍යාව), angle (කෝණය), time (වේලාව), deg (අංශක), සහ em, px වැනි CSS ඒකක ද වේ.
අගය ගුණාංගය නොමැති විට හෝ බ්‍රවුසරයට එය ලබා ගත නොහැකි විට භාවිතා කරනු ලබන අගය.

උදාහරණය

අපි සබැඳියේ අන්තර්ගතයෙන් පසුව එහි href ගුණාංගයේ අගය වරහන් තුළ ඇතුළත් කරමු:

html<a href="http://google.com">සබැඳිය</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

මෙයද බලන්න

  • content ගුණාංගය,
    මූලද්‍රව්‍යවලට පෙළ එක් කිරීමට ඉඩ සලසයි
  • before සුළු මූලද්‍රව්‍යය,
    එය ටැග් එකේ අන්තර්ගතයට පෙර ඇතුළත් කිරීමක් කරයි
  • after සුළු මූලද්‍රව්‍යය,
    එය ටැග් එකේ අන්තර්ගතයෙන් පසුව ඇතුළත් කිරීමක් කරයි