Border-*-width - Versionshistorik

PGJ: /* Exempel */

2019-01-30T14:27:51Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 14.27
Rad 32:		Rad 32:

	== Exempel ==		== Exempel ==
	<codepen pen="doBgWY" height="~~200~~" tab="css">		<codepen pen="doBgWY" height="300" tab="css,result">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	https://drafts.csswg.org/css-backgrounds-3/#border-width		https://drafts.csswg.org/css-backgrounds-3/#border-width

PGJ den 25 augusti 2015 kl. 21.22

2015-08-25T21:22:55Z

← Äldre version		Versionen från 25 augusti 2015 kl. 21.22
Rad 1:		Rad 1:
	Den här sidan är en beskrivning för flera olika CSS-egenskaper, som i stort sett är likadana. I <code>border--width</code> ska "<code></code>" vara någon av följande <code>bottom</code>, <code>left</code>, <code>right</code> eller <code>top</code>.		Den här sidan är en beskrivning för flera olika CSS-egenskaper som i stort sett är likadana. I <code>border--width</code> ska "<code></code>" vara någon av följande <code>bottom</code>, <code>left</code>, <code>right</code> eller <code>top</code>.

	Används för att sätta bredden på ett elements kantlinje. Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].		Används för att sätta bredden på ett elements kantlinje. Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].

PGJ den 22 augusti 2015 kl. 10.44

2015-08-22T10:44:54Z

← Äldre version		Versionen från 22 augusti 2015 kl. 10.44
Rad 1:		Rad 1:
			Den här sidan är en beskrivning för flera olika CSS-egenskaper, som i stort sett är likadana. I <code>border--width</code> ska "<code></code>" vara någon av följande <code>bottom</code>, <code>left</code>, <code>right</code> eller <code>top</code>.

	Används för att sätta bredden på ett elements kantlinje. Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].		Används för att sätta bredden på ett elements kantlinje. Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].

PGJ den 21 augusti 2015 kl. 17.45

2015-08-21T17:45:19Z

← Äldre version		Versionen från 21 augusti 2015 kl. 17.45
Rad 1:		Rad 1:
	Används för att sätta ~~linjefärgen~~ på ett elements kantlinje.		Används för att sätta bredden på ett elements kantlinje. Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].

	~~Om du vill lära dig mer om hur man anger färger i CSS~~ kan ~~du gå till sektionen om~~ [[~~färg~~]].

	== Egenskaper ==		== Egenskaper ==
	{\| class="wikitable"		{\| class="wikitable"
	\| Parametrar		\| Parametrar
	\| <''~~färgvärde~~''> \| <code>~~currentColor~~</code> \| <code>~~transparent~~</code> \| <code>inherit</code>		\| <''breddvärde''> \| <code>thin</code> \| <code>medium</code> \|<code>thick</code> \| <code>inherit</code>
	\|-		\|-
	\| Defaultvärde		\| Defaultvärde
	\| ~~Nuvarande ''färgvärde'' som definierats med hjälp av [[color]].~~		\| <code>medium</code>
	\|-		\|-
	\| Ärvs?		\| Ärvs?
Rad 15:		Rad 13:
	\|-		\|-
	\| Animerbart?		\| Animerbart?
	\| Ja		\| Ja, som ''breddvärde''.
	\|-		\|-
	\| Fungerar med...		\| Fungerar med...
	\| Alla element~~, förutom vissa grupperingselement för tabeller.~~		\| Alla element
	\|}		\|}

	~~Om du vill veta mer om hur man anger~~ ''~~färgvärde~~'', kan ~~du gå till sektionen om~~ [[~~färg~~]].		Storleken på ''breddvärde'' kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].

			<code>thin</code> Skapar en tunn kantlinje.

			<code>medium</code> Skapar en halvtjock kantlinje.

	<code>~~currentColor~~</code> ~~och <code>inherit</code> är samma sak och betyder att färgen ärvs ifrån föräldraelementet. Då <code>color</code> ärs, så behövs sällan dessa två värden~~.		<code>thick</code> Skapar en tjock kantlinje.

	~~Värdet~~ <code>~~transparent~~</code> ~~gör färgen helt genomskinlig, dvs osynlig. Om du vill ha något halvgenomskinligt så vill du antagligen använda ett [[alfavärde]], titta~~ i ~~[[färg]]-sektionen för mer info om detta~~.		<code>inherit</code> egenskapen ärvs ifrån motsvarande egenskapen i föräldraelementet.

	== Exempel ==		== Exempel ==
	<codepen pen="~~jPjeVz~~" height="200" tab="css">		<codepen pen="doBgWY" height="200" tab="css">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	https://drafts.csswg.org/css-backgrounds-3/#border-~~color~~		https://drafts.csswg.org/css-backgrounds-3/#border-width

PGJ: Skapade sidan med 'Används för att sätta linjefärgen på ett elements kantlinje. Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om färg. == Egenska...'

2015-08-21T17:37:39Z

Skapade sidan med 'Används för att sätta linjefärgen på ett elements kantlinje. Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om färg. == Egenska...'

Ny sida

Används för att sätta linjefärgen på ett elements kantlinje.

Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]].

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''färgvärde''> | <code>currentColor</code> | <code>transparent</code> | <code>inherit</code>
|-
| Defaultvärde
| Nuvarande ''färgvärde'' som definierats med hjälp av [[color]].
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Ja
|-
| Fungerar med...
| Alla element, förutom vissa grupperingselement för tabeller.
|}

Om du vill veta mer om hur man anger ''färgvärde'', kan du gå till sektionen om [[färg]].

<code>currentColor</code> och <code>inherit</code> är samma sak och betyder att färgen ärvs ifrån föräldraelementet. Då <code>color</code> ärs, så behövs sällan dessa två värden.

Värdet <code>transparent</code> gör färgen helt genomskinlig, dvs osynlig. Om du vill ha något halvgenomskinligt så vill du antagligen använda ett [[alfavärde]], titta i [[färg]]-sektionen för mer info om detta.

== Exempel ==
<codepen pen="jPjeVz" height="200" tab="css">
</codepen>

== Egenskapens definition ==
https://drafts.csswg.org/css-backgrounds-3/#border-color