CSS quotes ominaisuus
Määritelmä ja käyttö
quotes-ominaisuus asettaa sisennettyjen lainauksien lainausmerkkityypin.
Katso myös:
HTML DOM -viittausopas:quotes-ominaisuus
Esimerkki
q:lang(en)
{
quotes: '"' '"' "'" "'";
}
HTML-koodi:
<html lang="en"> <head> </head> <body> <p><q>This is a <q>big</q> quote</q></p> </body> </html>
Tulostus:
"This is a 'big' quote"
CSS-kieli
quotes: none|string|initial|inherit;
Ominaisuusarvo
| Arvo | Kuvaus |
|---|---|
| none | Määritellään, että "content"-ominaisuuden "open-quote" ja "close-quote"-arvot eivät tuota lainausmerkkejä. |
| string string string string |
Määritellään käytettävät lainausmerkit. Ensimmäiset kaksi arvoa määrittelevät ensimmäisen tason viittausupotuksen, viimeiset kaksi arvoa määrittelevät seuraavan tason lainausmerkkien upotuksen. |
| inherit | Määritellään, että quotes-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä. |
Tekninen yksityiskohta
| Oletusarvo: | ei määritelty |
|---|---|
| Perinnäisyys: | kyllä |
| Versio: | CSS2 |
| JavaScript-kieli: | object.style.quotes="none" |
Lainausmerkkimerkit
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täysin tätä ominaisuutta.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 11.0 | 8.0 | 1.5 | 5.1 | 4.0 |
Huomautus:Jos on määritelty !DOCTYPE, niin Internet Explorer 8 (ja uudet versiot) tukee quotes-ominaisuutta.
