HTML, Excel, Word, SEOОсновы CSS ⇒ border-style - вид рамки элемента

Основы CSS

Учебник CSS
· Что такое CSS?
· Структура html-страницы
· Шрифт: размер и гарнитура
· Выравнивание и пробелы
· Начертание шрифта
· Оформление ссылок
· Форматирование списков
· Классы
· Изображения
· Справочник атрибутов CSS

Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры



border-style - вид рамки элемента

Атрибут CSS border-style
Функция Вид рамки элемента
Область применения Все элементы
Пример написания
border-style: dotted;
border-right-style: groove;
Пояснение border-style определяет вид всех четырех сторон рамки:
  • none - невидимая рамка;
  • hidden - невидимая рамка;
  • dashed - штриховая линия;
  • dotted - точечная линия;
  • double - сплошная двойная линия;
  • solid - сплошная линия;
  • groove - трехмерный эффект;
  • insert - трехмерный эффект;
  • outset - трехмерный эффект;
  • ridge - трехмерный эффект.
Трехмерные эффекты целесообразно применять только для толстых рамок, обычно такие эффекты используются для представления рамки как экранной кнопки. Можно указывать через тире конкретную сторону для определения вида.

Вернуться к списку атрибутов CSS



В начало страницы



В начало страницы