<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

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.