PGJ: Skapade sidan med 'Används för att sätta linjetyp på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra värden. Om man anger ett värde, kommer det att gälla för ''al...'

2015-08-23T21:30:59Z

Skapade sidan med 'Används för att sätta linjetyp på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra värden. Om man anger ett värde, kommer det att gälla för ''al...'

Ny sida

Används för att sätta linjetyp på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra värden.

Om man anger ett värde, kommer det att gälla för ''alla'' kantlinjerna.

Om man anger två värden; Det första gäller för topp- och bottenkant och det andra för höger- och vänsterkant.

Om man anger tre värden; Det första att gäller för toppkanten. Det andra för höger- och vänsterkanterna. Det tredje gäller för bottenkanten.

Om man anger fyra värden; Det första gäller för toppen. Det andra för högerkanten. Det tredje för botten. Det fjärde för vänsterkanten.

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <code>none</code> | <code>hidden</code> |<code>dotted</code> | <code>dashed</code> | <code>solid</code>| <code>double</code>| <code>groove</code>| <code>ridge</code>| <code>inset</code>| <code>outset</code>| <code>inherit</code>
|-
| Defaultvärde
| <code>none</code>
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Nej
|-
| Fungerar med...
| Alla element
|}

<code>none</code> och <code>hidden</code> ingen kantlinje visas.

<code>dotted</code> kantlinjen ritas ut som linje av punkter.

<code>dashed</code> kantlinjen ritas ut som en linje av korta streck.

<code>solid</code> kantlinjen ritas ut heldragen.

<code>double</code> kantlinjen ritas ut som två heldragna linjer.

<code>groove</code> en enkel 3D-effekt som ser ut som linjen täljts ut ur ytan.

<code>ridge</code> en enkel 3D-effekt som ser ut som linjen sticker ut ifrån ytan.

<code>inset</code> ser ut som om kantlinjen går inåt.

<code>outset</code> ser ut som om kantlinjen går utåt.

<code>inherit</code> egenskapen ärvs ifrån motsvarande egenskapen i föräldraelementet.

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

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

Border-style - Versionshistorik

PGJ: Skapade sidan med 'Används för att sätta linjetyp på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra värden. Om man anger ett värde, kommer det att gälla för ''al...'