[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Общая информация » Вопросы по uCoz » CSS border или границы элементов
CSS border или границы элементов
RedStarДата: Пятница, 15.08.2014, 16:28 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
CSS атрибуты и значения, определяющие границы

Рассмотрим все свойства элемента border:

Код
<head>
<title>CSS границы элементов страницы</title>    
<style type="text/css">
.punktir {
width: 450px;
height: 280px;
border-top: 3px dashed Blue;
border-right: 10px double Red;
border-bottom: 3px solid DarkBlue;
border-left: 5px dotted DarkOrange
}
</style>
</head>
<body>
<div class="punktir">   </div>
</body>

Результат:


Рассмотрим строчку border-right:10px double Red. Первое значение устанавливает толщину границы в 10 пиксел, double определяет двойную сплошную линию в качестве границы, Red – цвет.

CSS border соединяет параметры:
border-top
border-right
border-bottom
border-left

Запись border:1px solid #000000  равносильна:
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000


 
Форум » Общая информация » Вопросы по uCoz » CSS border или границы элементов
Страница 1 из 11
Поиск:


Copyright "IPC" © 2008
Хостинг от uCoz