Brugere lige nu: 1
Siden er opdateret 6.2.2008
Eksempel på definition af bredde i procent:
table {
width: 70%;
}
Her defineres, at tabeller skal have en bredde på 70 % af den til enhver tid aktuelle bredde af det element, tabellen er indsat i (sidebredde,...).
Eksempel på definition af bredde i pixels:
.tekst {
width: 200px;
}
Her defineres, at html-elementer, der tildeles klassen tekst (eks. <div class="tekst">), skal have en bredde på 200 px.
Eksempel på selektiv bestemmelse af bredde i pixels:
ol li {
width: 200px;
}
Her defineres, at listepunkter (<li>) i ordnede lister (<ol>) skal have en bredde på 200 px. Listepunkter i uordnede lister (<ul>) berøres ikke af bestemmelsen.
Eksempel på definition af højde:
tr.illu {
height: 200px;
}
Her defineres, at de tabelrækker (<tr>), der tildeles klassen illu, skal have en højde på 200 px. Alle andre tabelrækker berøres ikke af bestemmelsen.
Eksempel på definition af bredde og højde på billeder:
<img src="billede.jpg" width="200" height="150" alt="Et billede af dig" />
Bredde og højde på indsatte billeder kan defineres i billedkaldet med html-koder - eller man kan give billedet et entydigt ID og så definere størrelse i css:
I css:
#billede1 {
width: 200px;
height: 150px;
}
... og i html:
<img src="billede.jpg" id="billede1" alt="Et billede af dig" />
Baggrundsbilleder skal ikke have sat en størrelse - det kan man slet ikke.