Style: Skillnad mellan sidversioner

Versionen från 27 april 2015 kl. 23.10

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

<style>
  .red {
    color:red;
  }
</style>

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

@@ Rad 1: / Rad 1: @@
-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 grund stilar direkt i sidan...
+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 attribut|globala attributen]] är tillgängliga för denna tagg.