Inne działy

 

 

CSS właściwość border-top

 

Definicja i Wykorzystanie

 

Własność border-top jest skróconą wersją, która ustawia wszystkie odpowiednie właściwości krawędzi w jednej deklaracji.

Właściwości, które można ustawić, są (w kolejności): border-top-width, border-top-style i border-top-color.

To nie ma znaczenia, jeśli jednej z powyższych wartości brakuje, np. border-top: solid #ff0000; jest dozwolone.

 

Wartość domyślna: brak
Dziedziczenie: nie
Wersja: CSS1
JavaScript składnia: object.style.borderTop="3px solid blue"

 

Właściwość border-right jest obsługiwana przez wszystkie główne przeglądarki.

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

 

Wartości właściwości
WartośćOpis
border-top-width Określa szerokość górnego obramowania
border-top-style Określa styl górnej krawędzi
border-top-color Określa kolor górnej krawędzi
inherit Określa, że właściwość border-top powinna dziedziczyć z elementu nadrzędnego

 

 

WartośćOpis
thin Określa dolną granicę: grubość cienka
medium Określa średnią grubość granicy dolnej. Jest to ustawienie domyślne
thick Określa dolną granicę jako grubą
length Pozwala zdefiniować grubość obramowania dolnej granicy
inherit Określa, że właściwość border-bottom-width powinna dziedziczyć z elementu nadrzędnego

 

 

WartośćOpis
none Określa brak krawędzi
hidden Tak samo jak "none", z wyjątkiem rozwiązania konfliktu granicznego dla elementów tabeli
dotted Określa przerywaną krawędź
dashed Określa przerywaną krawędź
solid Określa ciągłą krawędź
double Określa podwójne obramowanie
groove Określa 3D rowkowane krawędzie. Efekt zależy od wartości border-color
ridge Określa 3D prążkowane krawędzie. Efekt zależy od wartości border-color
inset Określa 3D margines wewnętrzny krawędzi. Efekt zależy od wartości border-color
outset Określa 3D początek krawędzi. Efekt zależy od wartości border-color
inherit Określa, że styl obramowania powinien być dziedziczony z elementu nadrzędnego

 

Przykład

div.border-style {border-top: 2px dotted #ff9900}

 

Przykład

 

<style type="text/css">
div.color {
border-top: 2px dotted #ff9900;
}
</style>
<div class="color">Ten "div" używa właściwości CSS border-top.
Spróbuj zmienić wartości, aby zobaczyć jak wpłynie to na wygląd
górnego obramowania.</div>

 

Przykład

 

<!DOCTYPE html>
<html>
<head>
<style>
p
{
border-style:solid;
border-top:thick double #ff0000;
}
</style>
</head>

<body>
<p>Przykładowa treść akapitu</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.