Style - Versionshistorik

PGJ: /* Exempel */

2019-01-29T07:40:31Z

Exempel

← Äldre version		Versionen från 29 januari 2019 kl. 07.40
Rad 13:		Rad 13:
	Anger att stylingen inte ska användas.		Anger att stylingen inte ska användas.
	== Exempel ==		== Exempel ==
	<codepen pen="NqzPyv" tab="html" height="200">		<codepen pen="NqzPyv" tab="html,result" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<style>		<style>

PGJ: /* Exempel */

2015-07-13T10:09:24Z

Exempel

← Äldre version		Versionen från 13 juli 2015 kl. 10.09
Rad 13:		Rad 13:
	Anger att stylingen inte ska användas.		Anger att stylingen inte ska användas.
	== Exempel ==		== Exempel ==
	<~~codpen~~ pen="NqzPyv" tab="html" height="200">		<codepen pen="NqzPyv" tab="html" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<style>		<style>

PGJ: /* Exempel */

2015-07-13T10:09:09Z

Exempel

← Äldre version		Versionen från 13 juli 2015 kl. 10.09
Rad 13:		Rad 13:
	Anger att stylingen inte ska användas.		Anger att stylingen inte ska användas.
	== Exempel ==		== Exempel ==
			<codpen pen="NqzPyv" tab="html" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<style>		<style>
Rad 20:		Rad 21:
	</style>		</style>
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
			Här lägger vi till en CSS-regel direkt i vår HTML-kod.

	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG]]s levande HTML-standard ===		=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

PGJ den 27 april 2015 kl. 21.10

2015-04-27T21:10:11Z

← Äldre version		Versionen från 27 april 2015 kl. 21.10
Rad 1:		Rad 1:
	Här kan du placera CSS-kommandon direkt i din HTML-sida. Rent generellt ska man undvika detta. Det finns dock några undantag. Främst gäller detta sidor som ska visas på mobila enheter med låg bandbredd. Då kan det ta tid att hinna ladda in CSS-filerna och HTML-sidan kan inte visas korrekt tills CSS:en är laddad. För att inte få en [[FOUC]] kan man lägga in sina ~~grund stilar~~ direkt i sidan...		Här kan du placera CSS-kommandon direkt i din HTML-sida. Rent generellt ska man undvika detta. Det finns dock några undantag. Främst gäller detta sidor som ska visas på mobila enheter med låg bandbredd. Då kan det ta tid att hinna ladda in CSS-filerna och HTML-sidan kan inte visas korrekt tills CSS:en är laddad. För att inte få en [[FOUC]] kan man lägga in sina grundstilar direkt i sidan...
	== Tillgängliga attribut ==		== Tillgängliga attribut ==
	De [[globala attribut\|globala attributen]] är tillgängliga för denna tagg.		De [[globala attribut\|globala attributen]] är tillgängliga för denna tagg.

PGJ: Skapade sidan med 'Här kan du placera CSS-kommandon direkt i din HTML-sida. Rent generellt ska man undvika detta. Det finns dock några undantag. Främst gäller detta sidor som ska visas på ...'

2014-08-24T16:55:17Z

Skapade sidan med 'Här kan du placera CSS-kommandon direkt i din HTML-sida. Rent generellt ska man undvika detta. Det finns dock några undantag. Främst gäller detta sidor som ska visas på ...'

Ny sida

Här kan du placera CSS-kommandon direkt i din HTML-sida. Rent generellt ska man undvika detta. Det finns dock några undantag. Främst gäller detta sidor som ska visas på mobila enheter med låg bandbredd. Då kan det ta tid att hinna ladda in CSS-filerna och HTML-sidan kan inte visas korrekt tills CSS:en är laddad. För att inte få en [[FOUC]] kan man lägga in sina grund stilar direkt i sidan...
== Tillgängliga attribut ==
De [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
=== <code>type</code> ===
[[MIME]]-typ som indikerar vilken typ av styling-språk som används. Om inget anges är förvalet [[CSS]].
=== <code>media</code> ===
Vilka typer av media ska denna [[CSS]] användas för, t.ex. ska det gälla på skärmen, för utskrifter, osv...
=== <code>scoped</code> ===
Om attributet är satt kommer stylingen enbart att gälla inom föräldra-elementet, annars gäller det för hela dokumentet.
=== <code>title</code> ===
Anger alternativa stylesheets.
=== <code>disabled</code> ===
Anger att stylingen inte ska användas.
== Exempel ==
<syntaxhighlight lang="html5">
<style>
.red {
color:red;
}
</style>
</syntaxhighlight>
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/document-metadata.html#the-style-element
=== Taggens definition i HTML5-standarden ===
http://www.w3.org/TR/html5/document-metadata.html#the-style-element