Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






  • Граница (border)






    У каждого блочного элемента разметки есть граница. От границы отсчитываются отступы (margin и padding). Вдоль границы " плавающего" блока его обтекает текст.

    Для описания границ блоков применяются следующие атрибуты:

    border-top-width — ширина верхней границы блока;

    border-bottom-width — ширина нижней границы блока;

    border-left-width — ширина левой границы блока;

    border-right-width — ширина правой границы блока;

    border-width — ширина границы блока. Задается в том случае, если ширина границы блока одинаковая по всему периметру блока;

    border-color — цвет границы блока. Согласно спецификации CSS1 может быть задан для каждой из границ блока. Например, border-right-color: red. Может задаваться как мнемоникой (red, blue, navy и т.п.), так и в нотации RGB (border-color: #003366). Указание цвета для каждой из границ поддерживается не всеми браузерами;

    border-style — тип линии границы блока. Может принимать значения: none, dotted, dashed, solid, double, groove, ridge, inset, outset. Согласно спецификации CSS1, может быть задан для каждой из границ блока. Например, border-right-style: dotted. Указание типа линии границы поддерживается не всеми браузерами.

    Для описания границы нет необходимости указывать в стиле все атрибуты. Существует сокращенная запись атрибутов. Например, для описания верхней линии границы можно использовать запись типа:

    P { border-top: 1px dotted red; }атрибут: ширина_линии тип_линии цвет_линии код

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


    Рис. 9.

    В этом примере мы использовали следующее описание стиля отображения границы:

    P { text-align: left; border-width: 2px; border-color: black; border-style: solid; }

    Применение границы для обозначения блока — не самый лучший способ оформления документа. Во всяком случае, его применяют нечасто.

    Указывая границу в Internet Explorer, нужно обязательно определять ее тип, в противном случае она не будет отображаться.






    © 2023 :: MyLektsii.ru :: Мои Лекции
    Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
    Копирование текстов разрешено только с указанием индексируемой ссылки на источник.