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


Урок - Границы при помощи border 24-11-2014 22:34 к комментариям - к полной версии - понравилось!


Help от expel
Атрибут border задает границы элемента (рамочки, блока). Он может принимать следующие значения:
по ширине (border-width) - thin (тонкая), medium (средняя), thick (толстая).
по типу (border-style)
none - запрет рисования границы;
dotted - граница точками;
dashed - граница штрихами;
solid - сплошной линией;
double - двойной линией;
groove - трехмерная вдавленная;
ridge - трехмерная выпуклая;
inset - трехмерная ступенька вверх;
outset - трехмерная ступенька вниз.
border-color определяет цвет рамки. Может принимать значение transparent, что означает невидимую рамку.
border-top, border-bottom, border-left, border-right - задают расположение границы.
Формула, которой необходимо воспользоваться для того, чтобы задать границу:
<# style="border-значения;border-width:значения:border-style:значения;border-color:значения">,где вместо слов "значения" подставляем параметры, задающие расположение, ширину, стиль и цвет рамки. они могут располагаться в произвольном порядке.
Вместо "#" подставляем атрибуты table, blockquote, span, fieldset, img, div или др.

рамка штрихами с тегом div растягивается во всю ширину экрана





обвести текст можно при помощи тега Span




С помощью тега fieldset и задания трехмерной вдавленной рамки получаем следующий вид






ВАШ ТЕКСТ




border-top-color верхняя граница
border-right-color правая граница
border-bottom-color нижняя граница
border-left-color левая граница
вверх^ к полной версии понравилось! в evernote


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

Дневник Урок - Границы при помощи border | expel - Дневник eXPel | Лента друзей expel / Полная версия Добавить в друзья Страницы: раньше»