CSS sisältö ominaisuus

Määrittely ja käyttö

content-ominaisuus käytetään yhdessä :before- ja :after-seudoelementtien kanssa synnätetyn sisällön lisäämiseen.

Selitys

Tämä ominaisuus määrittää, mitä synnätettyä sisältöä elementin eteen tai sen jälkeen sijoitetaan. Oletusarvoisesti tämä on sisäkkäinen sisältö, mutta luodun kehikon tyyppi voidaan hallita display-ominaisudella.

Katso myös:

CSS -viittausoppikirja:CSS :before tekoelementti

CSS -viittausoppikirja:CSS :after tekoelementti

HTML DOM -viittausoppikirja:content-ominaisuus

Esimerkki

Seuraavassa esimerkissä URL-osoite lisätään linkin jälkeen sulkeisiin:

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

Kokeile itse

CSS-kieli

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
none 　
normal 　
content specifications 　
inherit Määritellään, että content-ominaisuuden arvo pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: normal
Perintä: ei
Versio: CSS2
JavaScript-kieli: object.style.content="url(beep.wav)"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0