attr ფუნქცია

attr ფუნქცია საშუალებას გაძლევთ CSS-ში მიიღოთ HTML თეგის ატრიბუტის მნიშვნელობა.

სინტაქსი

cssსელექტორი {
  თვისება: attr(სახელი, ტიპი, მნიშვნელობა);
}

პარამეტრები

პარამეტრი აღწერა
სახელი ელემენტის ატრიბუტის სახელი, რომელიც გადაეცემა CSS-ს.
ტიპი CSS თვისების მნიშვნელობის ტიპი. დაშვებულია შემდეგი საკვანძო სიტყვები: string (სტრიქონები), color (ფერი), url (ვებ-მისამართი), integer (მთელი რიცხვი), number (რეალური რიცხვი), angle (კუთხე), time (დრო), deg (გრადუსი), ასევე CSS ერთეულები, როგორიცაა em, px და სხვ.
მნიშვნელობა მნიშვნელობა, რომელიც გამოყენებული იქნება იმ შემთხვევაში, თუ ატრიბუტი არ არის ან ბრაუზერს არ შეუძლია მისი მიღება.

მაგალითი

მოდით, ბმულის ტექსტის შემდეგ გამოვსახოთ მისი href ატრიბუტის მნიშვნელობა მრგვალ ფრჩხილებში:

html<a href="http://google.com">ბმული</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

იხილეთ აგრეთვე

  • თვისება content,
    რომელიც საშუალებას აძლევს ელემენტებს დაამატოთ ტექსტი
  • ფსევდოელემენტი before,
    რომელიც ტექსტის ჩასმას ახდენს თეგის ტექსტის შემდეგ
  • ფსევდოელემენტი after,
    რომელიც ტექსტის ჩასმას ახდენს თეგის ტექსტის წინ