• Авторизация


Меняем рамки 29-04-2014 19:14 к комментариям - к полной версии - понравилось!

Это цитата сообщения Иннушка Оригинальное сообщение

Меняем рамки

Вокруг любого из элементов вашего сайтика вы можете нарисовать рамочку, выбрав ее цвет, ширину и внешний вид. Предположим, вы хотите получит рамку толщиной три пиксела голубого цвета вокруг картинки. Для этого вам понадобится в теге картинки img добавить следующий код:
Сплошная рамочка

[показать]
Точечная рамочка

Двойная рамочка

Пунктирная рамочка

Внутренняя рамочка

Внешняя рамочка

Вогнутая рамочка

 
Выпуклая рамочка

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, p, div, textarea...
 
style="border: dotted red thin;"
style="border: dashed #c0c0c0 5px;"
style="border: solid green 3px;"
style="border: double #000000 5px;"
style="border: groove red medium;"
style="border: ridge #FF8000 thick;"
style="border: inset #8080FF 3px;"
 
style="border: outset #8080FF 3px;"
 
style="border-style: solid; border-width: thick; border-top-color: #00FF00; border-right-color: #00FFFF; border-bottom-color: #FFFF00; border-left-color: #8080FF;"
 

Серия сообщений "Черновик":
Часть 1 - КОД РАМКИ + урок
Часть 2 - Бордюры-черные.
...
Часть 34 - Флеш-открытка-шаблон
Часть 35 - Сонник
Часть 36 - Меняем рамки
Часть 37 - Манипуляции с курсором
Часть 38 - Летающая строка
Часть 39 - Меняем курсор на один из стандартных
Часть 40 - Урок"Фон под запись с обводкой и картинкой в разрыве.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Меняем рамки | Доченка - Дневник Доченка | Лента друзей Доченка / Полная версия Добавить в друзья Страницы: раньше»