---
title: "Generell färg på border"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/142217-generell-färg-på-border"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "learn"
published: "2006-02-09T14:05:40.000Z"
updated: "2006-02-10T00:02:29.000Z"
replies: 6
views: 362
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/142217-generell-färg-på-border"
---

# Generell färg på border

## #1 — learn, 2006-02-09T14:05Z

Jag skulle vilja slippa skriva ut färgen för **alla** borders på en sida. Kan man istället skriva detta "generellt" i CSS-koden? 

Alltså typ som

```
p { margin:5px }
```

Permalänk: https://www.webforum.nu/p/142217

## #2 — fiddler, 2006-02-09T14:32Z

Har inte testat själv, men borde inte detta fungera?

```
* { border-color: #f00; }
```

Permalänk: https://www.webforum.nu/p/1762759

## #3 — learn, 2006-02-09T15:23Z

givetvis, silly me... :)

Permalänk: https://www.webforum.nu/p/1762770

## #4 — zcorpan, 2006-02-09T17:17Z

'border-color' ärvs från 'color' om man inte anger det specifikt. Så om du alltid vill ha samma som färgen på texten behöver du inte ange 'border-color'.

Permalänk: https://www.webforum.nu/p/1762811

## #5 — Troxy, 2006-02-09T22:47Z

zcorpan, det där förstod jag inte! Om jag anger skriver *\* {color: red;}* så påverkas väl inte border-color?

Permalänk: https://www.webforum.nu/p/1762963

## #6 — Insider, 2006-02-09T23:20Z

> **Troxy skrev:**
>
> zcorpan, det där förstod jag inte! Om jag anger skriver *\* {color: red;}* så påverkas väl inte border-color?

Jo, det gör det. Den ärvs. Testa att skapa ett element med en border utan att ange border-color, så får du se vilken färg den får.

Permalänk: https://www.webforum.nu/p/1762974

## #7 — zcorpan, 2006-02-10T00:02Z

['border-color'](http://www.w3.org/TR/CSS21/box.html#propdef-border-color) ärvs inte egentligen, jag borde ha använt ett annat ord där. Om en egenskap [ärvs](http://www.w3.org/TR/CSS21/cascade.html#inheritance) använder får den samma värde som det beräknade värdet på samma egenskap för dess förälder; som om man har angett värdet 'inherit'. Det händer inte med 'border-color' (men däremot 'color').

Det beräknade värdet för 'border-color' är samma som värdet för 'color' på samma element om man inte har angett 'border-color'.

Eftersom 'color' ärvs, och 'border-color' använder samma värde som 'color' (om man inte anger det specifikt) räcker det med att ange 'color' på rotelementet för att det ska påverka 'border-color' i resten av dokumentet:

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>border-color</title>
  <style type="text/css">
   html { color:lime; } /* ärvs */
   body { border-color:red; } /* ärvs inte */
   p { border-style:solid; }
  </style>
 </head>
 <body>
  <p>This line should have a green border.</p>
 </body>
</html>
```

Permalänk: https://www.webforum.nu/p/1762981

---

Tråden på webben: https://www.webforum.nu/amne/html-css/142217-generell-färg-på-border
