<style> element og scoped attributten - HTML

scoped attributten bruges i <style> elementet til at bestemme at CSS koden kun skal gælde inden for et område af hjemmesiden

Introduktion

Normalt gælder CSS koden i <style> for hele siden.

Ved at bruge scoped attributten i <style> elementet gælder CSS koden kun indenfor forældre elementet.

Browsertest


Baggrunden er grøn hvis browseren understøtter scoped attributten.
Baggrunden er rød hvis browseren IKKE understøtter scoped attributten.

Browserunderstøttelse af scoped attributten i style elementet

Browser Scoped attribut
Firefox logo
Firefox 21.0
ja
Opera logo
Opera 17.0
ja1
Safari logo
Safari 5.1.7
nej
Chrome logo
Chrome 30.0.1599.69 m
ja2
Internet Explorer logo
Internet Explorer 10.0.9200.16540
nej
Alle tests er udført på Windows 7 (64-bit)


1 Kan aktiveres i opera://flags ved Enable experimental Web Platform features.

2 Kan aktiveres i chrome://flags ved Aktivér eksperimentelle funktioner på webplatformen.

Browserunderstøttelse fra caniuse.com :

Kode eksempel

Siden er sidst opdateret mandag 25. juni 2018