Атрибут Border

HTMLка

Атрибут BORDER

Атрибут border может быть применен к любым объектам.

border-width - задает толщину всех границ элемента.

Толщина может быть задана числовым значением (в пикселях). Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно. Значение по умолчанию medium.

border-style задает тип границ элемента.

border-color задает цвет границ элемента страницы. Может принимать значение transparent для задания невидимой, но имеющей ширину границы.

Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится в верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.

Для установки рамки только на определенных сторонах элемента воспользуйтесь параметрами border-top, border-bottom, border-left, border-right:

border-style: none; - запрещает рисование границы (значение по умолчанию);

1. border-style: dotted; - рисует точечную линию;

2. border-style: dashed; - рисует штриховую линию;

3. border-style: solid; - рисует сплошную линию;

4. border-style: double; - рисует двойную сплошную линию;

5. border-style: groove; - рисует трехмерную вдавленную границу;

6. border-style: ridge; - рисует трехмерную выпуклую границу;

7. border-style: inset; - рисует трехмерную "ступеньку вверх";

8. border-style: outset; - рисует трехмерную "ступеньку вниз"

border задает все свойства границ элемента страницы в один прием. Заменяет атрибуты border-color, border-style и border-width. Значения этих атрибутов могут располагаться в любом порядке.

Синтаксис: <... style="border: border-width || border-style || color">
Вместо многоточия может быть table, blockquote, fieldset, img, div, ...

style="border: dotted red thin;"

<table style="border: dotted red thin;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border: dashed #c0c0c0 5px;"

<table style="border: dashed #c0c0c0 5px;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border: solid blue 3px;"

<table style="border: solid blue 3px;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border: double #000000 5px;"

<table style="border: double #000000 5px;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border: groove red medium;"

<table style="border: groove red medium;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border: ridge #663300 thick;"

<table style="border: ridge #663300 thick;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border: inset #cc0066 3px;"

<table style="border:inset #cc0066 3px;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border:outset #сс0066 3px;"

<table style="border:outset #сс0066 3px;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

style="border-style: solid; border-width: thick; border-top-color: #9966cc; border-right-color: #66cc99; border-bottom-color: #FFFF00; border-left-color: #669933;"

<table style="border-style: solid; border-width: thick; border-top-color: #9966cc; border-right-color: #66cc99; border-bottom-color: #FFFF00; border-left-color: #669933;"><tr> <td>ВАШ ТЕКСТ</td> </tr> </table>

---

• Все цвета интернета ЗДЕСЬ
• Подобрать HTML код в ручную ЗДЕСЬ
• Коды цветов HTML ЗДЕСЬ



Понравился пост - добавь в закладки, чтобы не потерять:

Похожие по тематике посты - еще почитать:

.