CSS-height - Versionshistorie

Bar: /* Min-height og min-width */

2022-08-01T14:04:17Z

Min-height og min-width

← Ældre version		Versionen fra 1. aug. 2022, 15:04
Linje 81:		Linje 81:
	</div>		</div>
	</pre>		</pre>
	[[Fil:Min.png]]		[[Fil:Min.png]]

	{{Webdesign}}		{{Webdesign}}
	[[Kategori:CSS Egenskaber]]		[[Kategori:CSS Egenskaber]]

Bar: /* Min-height og min-width */

2022-08-01T13:40:42Z

Min-height og min-width

← Ældre version		Versionen fra 1. aug. 2022, 14:40
Linje 81:		Linje 81:
	</div>		</div>
	</pre>		</pre>
	[[Fil:Min.~~jpg~~]]		[[Fil:Min.png]]

	{{Webdesign}}		{{Webdesign}}
	[[Kategori:CSS Egenskaber]]		[[Kategori:CSS Egenskaber]]

Bar: /* Max-height og max-width */

2022-08-01T13:40:27Z

Max-height og max-width

← Ældre version		Versionen fra 1. aug. 2022, 14:40
Linje 72:		Linje 72:
	</div>		</div>
	</pre>		</pre>
	[[Fil:Max.~~jpg~~]]		[[Fil:Max.png]]

	===Min-height og min-width===		===Min-height og min-width===

Bar: /* Eksempler */

2022-08-01T13:39:38Z

Eksempler

← Ældre version		Versionen fra 1. aug. 2022, 14:39
Linje 63:		Linje 63:
	</div>		</div>
	</pre>		</pre>
	[[Fil:Fast.~~jpg~~]]		[[Fil:Fast.png]]

	===Max-height og max-width===		===Max-height og max-width===

Bar: 1 version importeret

2022-08-01T11:13:09Z

1 version importeret

Ny side

==Anvendelse==
CSS-height og CSS-width bruges til at sætte højden og bredden til f.eks. en tekstboks eller et billede. Det er så smart lavet at det tal man skriver bagefter koden, kan både angives i procent, auto eller en længde. Længden kan angives i pixels, centimeter, osv.

CSS-height og CSS-width inkluderer ikke padding, borders eller margins.

==Opsætning==
Hvis du vil sætte højden eller bredden, ved hjælp af css-height og css-width, skal du bruge denne kode:
<pre>
p.ex
{
height:100px;
width:100px;
}
</pre>

==Min-height og min-width==
Du kan også bruge css-height, til at sætte en minimum eller en maximum længde et element må være. Det samme gælder selvfølgelig for css-width.

Til at angive din længde, kan du bruge de samme enheder, som i de "normale" height og width.

Disse koder inkluderer heller ikke padding, borders eller margins.

Når du skal bruge disse ting, skal du bruge disse koder:

'''Max. højde'''
<pre>
p
{
max-height:50px;
}
</pre>

'''Max. bredde'''
<pre>
p
{
max-width:100px;
}
</pre>

'''Min. højde'''
<pre>
p
{
min-height:100px;
}
</pre>

'''Min. bredde'''
<pre>
p
{
min-width:1000px;
}
</pre>

==Eksempler==
===Height og width===
Her er sat en fast højde og bredde:
<pre>
<div style="background-color:orange;height:125px;width:75px;">
Denne box har en fast højde og bredde.
</div>
</pre>
[[Fil:Fast.jpg]]

===Max-height og max-width===
Her er sat en maximum højde og bredde.
<pre>
<div style="background-color:orange;max-height:125px;max-width:75px;">
Denne box har max-bredde og max-højde.
</div>
</pre>
[[Fil:Max.jpg]]

===Min-height og min-width===
Her er sat en minimum højde og bredde.
<pre>
<div style="background-color:orange;min-height:125px;min-width:75px;">
Denne box har min-bredde og min-højde.
</div>
</pre>
[[Fil:Min.jpg]]

{{Webdesign}}
[[Kategori:CSS Egenskaber]]