Bar: /* Eksempler */

2022-10-28T08:18:53Z

Eksempler

← Ældre version		Versionen fra 28. okt. 2022, 10:18
Linje 19:		Linje 19:
	Ovenfor kan man se et eksempel på et objekt, hvor der ikke er specificeret nogen padding. Det er derfor at teksten går helt ud til kanten.		Ovenfor kan man se et eksempel på et objekt, hvor der ikke er specificeret nogen padding. Det er derfor at teksten går helt ud til kanten.


	'''Padding med individuelle sider'''		'''Padding med individuelle sider'''
	<pre>		<pre>

Bar: 1 version importeret

2022-10-28T07:38:09Z

1 version importeret

← Ældre version	Versionen fra 28. okt. 2022, 09:38
(Ingen forskel)

htx_>Bar med 1. aug. 2022, 15:45

2022-08-01T15:45:20Z

Ny side

Padding er den funktion, som man bruger til at bestemme afstanden mellem et objekt og en kant i fx en tabel eller en box.

== Anvendelse ==
Alle siders mellemrum kan bestemmes individuelt med padding, men der eksisterer også flere forkortede metoder som, som også er mere simple.

== Opbygning ==
Padding fungerer således at hvis man giver funktion 1 værdi, så bliver værdien brugt på alle fire sider. Hvis man giver 4 værdier, så kan man bestemme sidernes afstand individuelt. Hvis man giver 2 eller 3 værdier, så får de manglende værdier samme afstand som siden overfor har.

Nedenfor kan ses nogle eksempler på de enkelte metoder.

[[Kategori:CSS Egenskaber]]

== Eksempler ==

[[Fil:Ingenpadding.jpg]]

Ovenfor kan man se et eksempel på et objekt, hvor der ikke er specificeret nogen padding. Det er derfor at teksten går helt ud til kanten.

'''Padding med individuelle sider'''
<pre>
padding-top:10px;
padding-bottom:25px;
padding-right:50px;
padding-left:75px;
</pre>
I ovenstående eksempel kan man se at der er specificeret padding til alle sider. Det vil derfor komme til at se sådan ud:

[[Fil:Paddingindividuel.jpg]]

'''Padding - forkortet version'''
I den korte udgave af padding, er der en værdi som bestemmer afstanden til top og bund, og en værdi bestemmer afstanden til siderne.
<pre>
padding:100px 20px;
</pre>
De 100px bestemmer afstand til top og bund, og de 20px stemmer afstanden til siderne.
Det vil komme til at se sådan ud:

[[Fil:Paddingkort.jpg]]

'''Padding - Simpel metode'''
Der findes også en meget simpel metode, hvor man bestemmer alle fire siders afstand med blot en værdi, den kan bruges således:
<pre>
padding:50px;
</pre>

Det vil derfor komme til at se sådan ud:

[[Fil:Paddingsimpel.jpg]]
{{Webdesign}}

CSS-padding - Versionshistorie

Bar: /* Eksempler */

Bar: 1 version importeret

htx_>Bar med 1. aug. 2022, 15:45