|
KOPIA KURSU
| |
To jest kopia kursu, którego oryginalna wersja znajduje się w serwisie algorytmy.pl
|
|
Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami
[Start] •
[Elementy XHTML/HTML] •
[Atrybuty XHTML/HTML] •
[Style CSS]
border-left
OPIS
Styl definiuje właściwości lewej ramki. Za pomocą tego jednego polecenia można ustalić następujące właściwości lewej ramki:
border-left-width,
border-left-style,
border-left-color. Jedno polecenie zamiast kilku jest po prostu wygodne w stosowaniu. Kolejność podawanych wartości nie ma znaczenia.
WARTOŚCI
- • none - CSS: 2.1, 2.0, 1.0
- brak ramki, np. border-left: none;
- • border-left-width - CSS: 2.1, 2.0, 1.0
- szerokość ramki, np. border-left: medium;
- • border-left-style - CSS: 2.1, 2.0, 1.0
- styl ramki, np. border-left: solid;
- • border-left-color - CSS: 2.1, 2.0
- kolor ramki, np. border-left: green;
- • inherit - CSS: 2.1, 2.0
- przejęcie wartości "rodzica", np. border-left: inherit;
POZOSTAŁE CECHY
• CSS: 2.1, 2.0, 1.0
• dziedziczony: nie
• odpowiednik HTML: border
PRZYKŁADY ZASTOSOWAŃ • Przykład 1:
<table style="border-left: 3px solid green;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p> </p>
</td></tr></table>
• Przykład 2:
<style type="text/css"><!--
table { border-left: 3px solid green; }
--></style>
|
