Inne działy

 

 

CSS właściwość border-left

 

Definicja i Wykorzystanie

Skrócona wartość właściwości border-left ustawia wszystkie lewe właściwości granicy w jednej deklaracji.

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

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

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


Właściwość border-left 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".

 

Wartości właściwości
WartośćOpis
border-left-width Określa szerokość lewego obramowania
border-left-style Określa styl lewej granicy
border-left-color Określa kolor lewej krawędzi
inherit Określa, że właściwość border-left powinna dziedziczyć z elementu nadrzędnego

 

Przykład

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

Przykład

<style type="text/css">
div.color {
border-left: 2px dotted #ff9900;
}
</style>
<div class="color">Ten "div" jest stylizowany za pomocą CSS border-left.
Spróbuj zmienić wartości,
aby zobaczyć jak wpłyną one na lewy styl obramowania.
</div>

Przykład

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

<body>
<p>Przykładowy tekst w paragrafie.</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.