Referens
HTML style

HTML style

HTML style taggen anger en formatmall och används för att definiera hur element ska visas i webblärarfönstret.

HTML:

<html>
<head>
   <style type="text/css">
   h1 {color:blue}
   p {color:red}
   </style>
</head>
<body>
   <h1>Titel</h1>
   <p>En paragraf</p>
</body>
</html>

I ovanstående exempel blir rubriken blå och texten i paragrafen röd.

Elementet style får bara förekomma i en webbsidas sidhuvud mellan <head>-taggarna.

HTML style
Elementtyp Sluttagg Utfasat Doctype
Speciell Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
CSS, inbäddad stilmall
Elementet får finnas i
head
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML style

Istället för att använda style elementet för att ange hur sidan ska visas så kan man länka in ett externt CSS-dokument. Det finns två sätt att göra detta. Med elementet style eller link.

HTML:

<style type="text/css" media="screen">@import url(stilmall.css);</style>

HTML:

<link rel="stylesheet" type="text/css" href="stilmall.css" />

Läs mer om skillnaden mellan link och style!

HTML style attribut

Nödvändiga attribut
Attribut Beskrivning Värde
type Anger formatmallens MIME-typ MIME-typ

Valbara attribut
Attribut Beskrivning Värde
media Anger vilka medier mallen är avsedd för screen, tty, tv, projection, handheld, print, braille, aural, all

Universella attribut
Attribut Beskrivning Värde
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod
xml:space Anger om mellanslag ska bevaras i koden preserve
| Mer