4.4.4. Mõõtmed

Järgnevalt elementide mõõtmete defineerimisest.

height - elemendi kõrgus. Võimalikud väärtused:

• auto - veebilehitseja määrab ise
• väärtus CSS-i toetatud ühikutes
• protsent ümbritseva bloki kõrgusest

Näide:

img
{
height: 150px
}

line-height - reavahe. Võimalikud väärtused:

• normal - tavaline reavahe
• kordajaväärtus - reavahe saadakse korrutisena kasutatava kirjastiili suurusega
• väärtus CSS-i toetatud ühikutes
• protsent kasutatava kirjastiili suurusest

Näide:

p
{
line-height: 170%
}

max-height - elemendi maksimaalne lubatud kõrgus. Võimalikud väärtused:

• none - piirangut pole
• väärtus CSS-i toetatud ühikutes
• protsentväärtus ümbritseva bloki kõrgusest.

Näide:

p
{
max-height: 70px
}

max-width - elemendi maksimaalne lubatud laius. Võimalikud väärtused:

• none - piirangut pole
• väärtus CSS-i toetatud ühikutes
• protsentväärtus ümbritseva bloki laiusest

Näide:

p
{
max-width: 250pt
}

min-height - elemendi minimaalne lubatud kõrgus. Võimalikud väärtused:

• väärtus CSS-i toetatud ühikutes
• protsentväärtus ümbritseva bloki kõrgusest

Näide:

p
{
min-height: 10px
}

min-width - elemendi minimaalne lubatud laius. Võimalikud väärtused:

• väärtus CSS-i toetatud ühikutes
• protsentväärtus ümbritseva bloki laiusest

Näide:

p
{
min-width: 25pt
}

height - elemendi laius. Võimalikud väärtused:

• auto - veebilehitseja määrab ise
• väärtus CSS-i toetatud ühikutes
• protsent ümbritseva bloki laiusest

Näide:

img
{
width: 250px
}

2003-2024 Kaido Kikkas.
Käesoleva dokumendi paljundamine, edasiandmine ja/või muutmine on
sätestatud GNU Vaba Dokumentatsiooni Litsentsiga (versioon 1.2 või uuem).
Litsentsi ingliskeelne täistekst