Funguo ya attr() ya CSS

Makadara na matumizi

Makadara ya CSS attr() Funguo hii inaruhusu kuelewa thamani ya kiwango cha kina ya kina inayochaguliwa.

Mfano

Mfano hii inaongeza thamani ya kina ya href kwa kila kina <a> na inaokala kwenye viungo vya kina:

a:after {
  content: " (" attr(href) ")";
}

Jifunze kwa urahisi

Makadara ya CSS

attr(attribute-name type fallback)
Chaguo description
attribute-name Inayotakiwa. Jina la kiwango cha kiwango cha kina ya HTML.
type

Inayopendekeza. Aina ya thamani ya kiwango au inayotumiwa. Inaweza kuwa kimoja ya kuzoea:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt au pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Inayopendekeza. Jina la thamani au inayotumiwa kama thamani ya kutosha kama thamani haujafikia au ina thamani yaliyotumiwa kwa sababu ya kina.

Vichujio vya teknolojia

Mwaka: CSS2

Mfano wa kusimamia

数字 katabeli inaonyesha sababu ya programu ya kusimamia kufikia cheo cha kwanza cha kufungua kazi hiyo.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Chaguo
Haitakiwa Haitakiwa Haitakiwa Haitakiwa Haitakiwa
fallback Chaguo
Haitakiwa Haitakiwa 119 Haitakiwa Haitakiwa