Style

Från Webbling
Version från den 29 januari 2019 kl. 07.40 av PGJ (diskussion | bidrag) (→‎Exempel)
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

Här kan du placera CSS-kommandon direkt i din HTML-sida. Rent generellt ska man undvika detta. Det finns dock några undantag. Främst gäller detta sidor som ska visas på mobila enheter med låg bandbredd. Då kan det ta tid att hinna ladda in CSS-filerna och HTML-sidan kan inte visas korrekt tills CSS:en är laddad. För att inte få en FOUC kan man lägga in sina grundstilar direkt i sidan...

Tillgängliga attribut

De globala attributen är tillgängliga för denna tagg.

type

MIME-typ som indikerar vilken typ av styling-språk som används. Om inget anges är förvalet CSS.

media

Vilka typer av media ska denna CSS användas för, t.ex. ska det gälla på skärmen, för utskrifter, osv...

scoped

Om attributet är satt kommer stylingen enbart att gälla inom föräldra-elementet, annars gäller det för hela dokumentet.

title

Anger alternativa stylesheets.

disabled

Anger att stylingen inte ska användas.

Exempel

See the Pen NqzPyv by Patrik Grip-Jansson (@PGJ) on CodePen.

Här lägger vi till en CSS-regel direkt i vår HTML-kod.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/document-metadata.html#the-style-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/document-metadata.html#the-style-element