Функция attr

Функцияи attr барои гирифтани қимати attribute-и теги HTML дар CSS имкон медиҳад.

Синтаксис

cssинтихобкунанда {
  хосият: attr(ном, навъ, қимат);
}

Параметрҳо

Параметр Тавсиф
ном Номи attribute-и унсуре, ки ба CSS дода мешавад.
навъ Навъи қимати хосияти CSS. Калимаҳои калидии зерин иҷозат дода мешаванд: string (сатр), color (ранг), url (нишонии веб), integer (адади бутун), number (адади ҳақиқӣ), angle (кунҷ), time (вақт), deg (дараҷа), ҳамчунин воҳидҳои CSS монанди em, px ва ғайра.
қимат Қимате, ки дар сурати набудани attribute ё натавонистани браузер барои гирифтани он истифода мешавад.

Намуна

Биёед паёни матни пайванд қимати attribute-и он href-ро дар қавсҳои даврашакл чоп кунем:

html<a href="http://google.com">пайванд</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

Нигаред низ

  • хосияти content,
    ки барои илова кардани матн ба унсурҳо имкон медиҳад
  • pseudoelement-и before,
    ки пас аз матни тег гузоштаниро анҷом медиҳад
  • pseudoelement-и after,
    ки пеш аз матни тег гузоштаниро анҷом медиҳад