Inne działy

 

 

CSS właściwość border-color

 

Definicja i Wykorzystanie

Border-color ustawia kolor wszystkich czterech granic. Ta właściwość może mieć od jednej do czterech wartości.

Przykłady

border-color:red green blue pink;

  • górna granica jest czerwona
    prawa granica jest zielona
    granica dolna jest niebieska
    lewa granica jest różowa

border-color:red green blue;

  • górna granica jest czerwona
    prawa i lewa granica są zielone
    granica dolna jest niebieska

border-color:red green;

  • Górna i dolna granica są czerwone
    prawa i lewa granica są zielone

border-color:red;

  • wszystkie cztery krawędzie są czerwone

Uwaga: Zawsze nalezy zadeklarować border-style przed border-color. Element musi mieć granice, zanim będzie można zmienić kolor.

 

Wartość domyślna: brak
Dziedziczenie: nie
Wersja: CSS1
JavaScript składnia: object.style.borderColor="#FF0000 blue"


Właściwość border-color jest dostępna we wszystkich głównych przeglądarkach.

Uwaga: wartość "inherit" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".

Uwaga: Internet Explorer 6 (i starsze wersje) nie obsługuje wartości "transparent".

Wartości właściwości

 

ValueDescription
color Określa kolor tła.
transparent Określa, czy kolor ramki powinien być przezroczysty. Jest to ustawienie domyślne
inherit Określa, że właściwość border-color powinna dziedziczyć z elementu nadrzędnego

 Przykład

div.color {border-color:#ff9900} 

Przykład

 

<style type="text/css">
div.color {
border-width:3px;
border-style:solid;
border-color:#ff9900;
}
</style>
<div class="color">Ten "div" używa stylu CSS border-color.
Spróbuj zmienić wartość, aby zobaczyć jak wpłynie on na kolor granicy.
</div>

Przykład

<!DOCTYPE html>
<html>
<head>
<style>
p.jeden
{
border-style:solid;
border-color:#0000ff;
}
p.dwa
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
p.trzy
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff;
}
p.cztery
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</style>
</head>

<body>
<p class="jeden">Jednokolorowe obramowanie!</p>
<p class="dwa">Dwu kolorowe obramowanie!</p>
<p class="trzy">Trzy kolorowe obramowanie!</p>
<p class="cztery">Cztero kolorowe obramowanie!</p>
<p><b>Note:</b> Zawsze nalezy zadeklarować border-style przed border-color.</p>
</body>
</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.