CSS-egenskap - Versionshistorik

PGJ den 10 januari 2019 kl. 10.52

2019-01-10T10:52:33Z

← Äldre version		Versionen från 10 januari 2019 kl. 10.52
Rad 1:		Rad 1:
	[[CSS-egenskapslista\|CSS-egenskaper]]na styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[CSS-egenskapslista\|CSS-egenskaper]].		[[CSS-egenskapslista\|CSS-egenskaper]]na styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[CSS-egenskapslista\|CSS-egenskaper]].

	I varje [[CSS-regel]] anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.		I varje [[CSS-regel]] anges egenskaperna inom ett "<code>{}</code>"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett "<code>:</code>"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett "<code>;</code>"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna "<code>;</code>"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar "<code>;</code>"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat "<code>;</code>":et tidigare och så blir CSS-reglerna fel.

	Ett exempel på en CSS-regel:		Ett exempel på en CSS-regel:

PGJ den 10 januari 2019 kl. 10.51

2019-01-10T10:51:06Z

← Äldre version		Versionen från 10 januari 2019 kl. 10.51
Rad 4:		Rad 4:

	Ett exempel på en CSS-regel:		Ett exempel på en CSS-regel:
	<syntaxhighlight lang="~~html5~~">		<syntaxhighlight lang="css">
	p {		p {
	background-color: white;		background-color: white;
Rad 10:		Rad 10:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

	I ovanstående exempel ändrar man på två egenskaper, dels sätter man bakgrundsfärgen till vit och dels sätter man förgrunds-/textfärgen till svart.		I ovanstående exempel ändrar man på två egenskaper, dels sätter man bakgrundsfärgen till vit och dels sätter man förgrunds-/textfärgen till svart.

PGJ: PGJ flyttade sidan CSS-egenskaper till CSS-egenskap

2014-10-12T13:23:46Z

PGJ flyttade sidan CSS-egenskaper till CSS-egenskap

← Äldre version	Versionen från 12 oktober 2014 kl. 13.23
(Ingen skillnad)

PGJ den 25 augusti 2014 kl. 18.44

2014-08-25T18:44:07Z

← Äldre version		Versionen från 25 augusti 2014 kl. 18.44
Rad 1:		Rad 1:
	[[CSS-egenskaper]]na styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[CSS-egenskaper]].		[[CSS-egenskapslista\|CSS-egenskaper]]na styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[CSS-egenskapslista\|CSS-egenskaper]].

	I varje [[CSS-regel]] anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.		I varje [[CSS-regel]] anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.

PGJ den 25 augusti 2014 kl. 18.42

2014-08-25T18:42:49Z

← Äldre version		Versionen från 25 augusti 2014 kl. 18.42
Rad 1:		Rad 1:
	CSS-~~egenskaperna~~ styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[~~egenskapslista\|~~egenskaper]].		[[CSS-egenskaper]]na styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[CSS-egenskaper]].

	I varje [[CSS-regel]] anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.		I varje [[CSS-regel]] anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.

PGJ: Skapade sidan med 'CSS-egenskaperna styr hur ett HTML-element ska visas. Det finns en uppsjö av olika egenskaper. I varje CSS-regel anges egenskaperna inom ett "{}"-...'

2014-08-25T18:42:01Z

Skapade sidan med 'CSS-egenskaperna styr hur ett HTML-element ska visas. Det finns en uppsjö av olika egenskaper. I varje CSS-regel anges egenskaperna inom ett "{}"-...'

Ny sida

CSS-egenskaperna styr hur ett [[HTML-element]] ska visas. Det finns en uppsjö av olika [[egenskapslista|egenskaper]].

I varje [[CSS-regel]] anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.

Ett exempel på en CSS-regel:
<syntaxhighlight lang="html5">
p {
background-color: white;
color: black;
}
</syntaxhighlight>
I ovanstående exempel ändrar man på två egenskaper, dels sätter man bakgrundsfärgen till vit och dels sätter man förgrunds-/textfärgen till svart.