Border-*-width: Skillnad mellan sidversioner

Nuvarande version från 30 januari 2019 kl. 14.27

Den här sidan är en beskrivning för flera olika CSS-egenskaper som i stort sett är likadana. I border-*-width ska "*" vara någon av följande bottom, left, right eller top.

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

Egenskaper

Parametrar	<breddvärde> \| `thin` \| `medium` \|`thick` \| `inherit`
Defaultvärde	`medium`
Ärvs?	Nej
Animerbart?	Ja, som breddvärde.
Fungerar med...	Alla element

Storleken på breddvärde kan anges med hjälp av alla CSS-måttenheter.

thin Skapar en tunn kantlinje.

medium Skapar en halvtjock kantlinje.

thick Skapar en tjock kantlinje.

inherit egenskapen ärvs ifrån motsvarande egenskapen i föräldraelementet.

Exempel

See the Pen doBgWY by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

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

@@ Rad 1: / Rad 1: @@
-Används för att sätta linjefärgen på ett elements kantlinje.
+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>.
-Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]].
+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]].
 == Egenskaper ==
 {| class="wikitable"
 | Parametrar
-| <''färgvärde''> &#x7c; <code>currentColor</code> &#x7c; <code>transparent</code> &#x7c; <code>inherit</code>
+| <''breddvärde''> &#x7c; <code>thin</code> &#x7c; <code>medium</code> &#x7c;<code>thick</code> &#x7c; <code>inherit</code>
 |-
 | Defaultvärde
-| Nuvarande ''färgvärde'' som definierats med hjälp av [[color]].
+| <code>medium</code>
 |-
 | Ärvs?
@@ Rad 15: / Rad 15: @@
 |-
 | Animerbart?
-| Ja
+| Ja, som ''breddvärde''.
 |-
 | 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>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>thin</code> Skapar en tunn 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>medium</code> Skapar en halvtjock kantlinje.
+<code>thick</code> Skapar en tjock kantlinje.
+<code>inherit</code> egenskapen ärvs ifrån motsvarande egenskapen i föräldraelementet.
 == Exempel ==
-<codepen pen="jPjeVz" height="200" tab="css">
+<codepen pen="doBgWY" height="300" tab="css,result">
 </codepen>
 == Egenskapens definition ==
-https://drafts.csswg.org/css-backgrounds-3/#border-color
+https://drafts.csswg.org/css-backgrounds-3/#border-width