CSS свойство border-color, поддержка в браузерах, примеры использования // Вебшкола онлайн

 Перейти к справке CSS p { border-style:solid; border-color:#ff0000 #0000ff; } Описание и использование Свойство CSS border-color задает цвет всех четырех бордюров. Свойсто border-color может иметь от одного до четырех значений. Примеры: border-color:yellow green blue pink; верхний бордюр желтого цвета […]

Читать далее →

Цвет границ элемента в CSS

  p.one { border-style:solid; border-color:#0000ff; } p.two { border-style:solid; border-color:#ff0000 #0000ff; } p.three { border-style:solid; border-color:#ff0000 #00ff00 #0000ff; } p.four { border-style:solid; border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255); } Все граница одного цвета! Границы в два цвета! Границы трех цветов! Все границы […]

Читать далее →

margin (внешний отступ) в CSS

  p { background-color:yellow; } p.margin { margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px; } Это параграф с внешними отступами по умолчанию.. А этот параграф имеет явно указанный внешний отступ. Это параграф с внешними отступами по умолчанию.. А этот параграф имеет явно указанный […]

Читать далее →

Изменение цвета различных элементов

  body {color:red;} h1 {color:#00ff00;} p.ex {color:rgb(0,0,255);} Это заголовок первого уровня Это обычный параграф. Обратите внимание, что текст красный. Цвет текста по умолчанию задается в свойствах body. Это параграф с классом «ex». Текст синего цвета. Это обычный параграф. Обратите внимание, […]

Читать далее →

visibility:collapse — скрытие элементов таблицы в CSS

tr.collapse {visibility:collapse;} Петр Визгунов Андрей Порукин Заметка: Internet Explorer поддерживает свойство visibility:collapse только если указан !DOCTYPE. Петр Визгунов Андрей Порукин Заметка: Internet Explorer поддерживает свойство visibility:collapse только если указан !DOCTYPE.

Читать далее →

Создаем красивую удобную таблицу

  #customers { font-family:»Trebuchet MS», Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; } #customers td, #customers th { font-size:1em; border:1px solid #98bf21; padding:3px 7px 2px 7px; } #customers th { font-size:1.1em; text-align:left; padding-top:5px; padding-bottom:4px; background-color:#A7C942; color:#ffffff; } #customers tr.alt td { color:#000000; […]

Читать далее →

padding-bottom (нижнее поле) в CSS

  p.padding {padding-bottom:2cm;} Этот текст с нижними полями по умолчанию. Этот текст с нижними полями по умолчанию. Этот текст с нижними полями по умолчанию. Этот текст с нижним полем в 2 сантиметра. Этот текст с нижним полем в 2 сантиметра. […]

Читать далее →

Стиль outline (внешней границы)

  p {border:1px solid red;} p.dotted {outline-style:dotted;} p.dashed {outline-style:dashed;} p.solid {outline-style:solid;} p.double {outline-style:double;} p.groove {outline-style:groove;} p.ridge {outline-style:ridge;} p.inset {outline-style:inset;} p.outset {outline-style:outset;} Внешняя граница из точек. Пунктирная внешняя граница. Сплошная внешняя граница. Двойная внешняя граница. Трехмерная внешняя граница. Трехмерная внешняя граница. […]

Читать далее →

CSS свойство z-index, поддержка в браузерах, примеры использования // Вебшкола онлайн

 Перейти к справке CSS img { position:absolute; left:0px; top:0px; z-index:-3; } Описание и использование Свойство CSS z-index задает расположение элемента относительно других элементов в третьем измерении, которое перпендикулярно монитору. Элемент, у которого больше z-index будет перекрывать элементы с меньшим […]

Читать далее →