CSS-boksmodellen - Versionshistorie

Bar med 28. okt. 2022, 07:54

2022-10-28T07:54:21Z

← Ældre version		Versionen fra 28. okt. 2022, 09:54
Linje 7:		Linje 7:


	Til sidst er der [[CSS-margin\|margin]], som mange kender fra diverse skriveprogrammer såsom [https://www.holstebro-htx.dk/index.php/~~Word 2013\|~~Microsoft Word]. Margin er den plads der skal være mellem kantens yderside og objektet ved siden af. Det er typisk nemt at finde eksempler på [[CSS-margin\|margin]], men hvis man ikke selv har opstillet hjemmesiden kan det være svært at se hvad der er padding og hvad der er margin, eftersom begge dele ender med at ligge side om side når man har [[div-Tag\|div]] inde i en div.		Til sidst er der [[CSS-margin\|margin]], som mange kender fra diverse skriveprogrammer såsom [https://www.holstebro-htx.dk/index.php/Word_2013 Microsoft Word]. Margin er den plads der skal være mellem kantens yderside og objektet ved siden af. Det er typisk nemt at finde eksempler på [[CSS-margin\|margin]], men hvis man ikke selv har opstillet hjemmesiden kan det være svært at se hvad der er padding og hvad der er margin, eftersom begge dele ender med at ligge side om side når man har [[div-Tag\|div]] inde i en div.

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

Bar med 28. okt. 2022, 07:41

2022-10-28T07:41:56Z

← Ældre version		Versionen fra 28. okt. 2022, 09:41
Linje 7:		Linje 7:


	Til sidst er der [[CSS-margin\|margin]], som mange kender fra diverse skriveprogrammer såsom [[Word ~~2010~~\|Microsoft Word]]. Margin er den plads der skal være mellem kantens yderside og objektet ved siden af. Det er typisk nemt at finde eksempler på [[CSS-margin\|margin]], men hvis man ikke selv har opstillet hjemmesiden kan det være svært at se hvad der er padding og hvad der er margin, eftersom begge dele ender med at ligge side om side når man har [[div-Tag\|div]] inde i en div.		Til sidst er der [[CSS-margin\|margin]], som mange kender fra diverse skriveprogrammer såsom [https://www.holstebro-htx.dk/index.php/Word 2013\|Microsoft Word]. Margin er den plads der skal være mellem kantens yderside og objektet ved siden af. Det er typisk nemt at finde eksempler på [[CSS-margin\|margin]], men hvis man ikke selv har opstillet hjemmesiden kan det være svært at se hvad der er padding og hvad der er margin, eftersom begge dele ender med at ligge side om side når man har [[div-Tag\|div]] inde i en div.

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

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:48

2022-08-01T15:48:19Z

Ny side

=Grundprincippet i boksmodellen=
[[Fil:Boksmodel.gif|right|Billedet er gengivet med tilladelse fra http://www.w3schools.com]]Boksmodellen er en simpel visualisering af de fire områdetyper: Content, [[CSS-padding|padding]], [[CSS-border|border]] og [[CSS-margin|margin]]. Oversat til dansk hedder de indhold, fyld, kant og margin. Denne model er nem at bruge når man skal opstille sine [[div-Tag]]s, men kan også bruges til alle andre tags. Man kan endda sætte en margin på et link hvis det er det man vil. Modellen viser hvilken vej, hvorhenne og på hvilken side af kanten der bliver udvidet.
De forskellige attributter hænger sammen ved at danne afstand på forskellige sider af teksten og HTML-blokkens kant. Content/indhold er selve teksten som optager noget plads. Hvis man forestiller sig at man har noget tekst i en boks med en kant, kan det nemt komme til at se mærkeligt ud:[[Fil:No-padding.png]]

[[CSS-border|Border]] er selve kanten og her opstår et dilemma: Internet Explorer vælger, som den eneste browser, at medregne kanten i en HTML-bloks størrelse, hvorimod alle andre browsere er enige om at selve blokken ikke er større end indholdet og fyldet. Dette kan skabe misformede hjemmesider I Internet Explorer, men problemet kan løses ved hjælp af [[CSS-position|position-attributten]].

Til sidst er der [[CSS-margin|margin]], som mange kender fra diverse skriveprogrammer såsom [[Word 2010|Microsoft Word]]. Margin er den plads der skal være mellem kantens yderside og objektet ved siden af. Det er typisk nemt at finde eksempler på [[CSS-margin|margin]], men hvis man ikke selv har opstillet hjemmesiden kan det være svært at se hvad der er padding og hvad der er margin, eftersom begge dele ender med at ligge side om side når man har [[div-Tag|div]] inde i en div.

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