:focus — использование псевдо-класса

input:focus { background-color:#98ff98; } Имя: Фамилия: Заметка: Internet Explorer 8 (и выше) поддерживают псевдо-класс :focus только если задан правильный !DOCTYPE. Заметка: Internet Explorer 8 (и выше) поддерживают псевдо-класс :focus только если задан правильный !DOCTYPE.

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

Навигация на спрайтах с эффектом фокуса

#navlist{position:relative;} #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;} #navlist li, #navlist a{height:44px;display:block;} #home{left:0px;width:46px;} #home{background:url(‘image/img_navsprites_hover.gif’) 0 0;} #home a:hover{background: url(‘image/img_navsprites_hover.gif’) 0 -45px;} #prev{left:63px;width:43px;} #prev{background:url(‘image/img_navsprites_hover.gif’) -47px 0;} #prev a:hover{background: url(‘image/img_navsprites_hover.gif’) -47px -45px;} #next{left:129px;width:43px;} #next{background:url(‘image/img_navsprites_hover.gif’) -91px 0;} #next a:hover{background: url(‘image/img_navsprites_hover.gif’) -91px -45px;}

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

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

 Перейти к справке CSS p { border-style:solid; border-top:thick double #ff0000; } Описание и использование Свойство CSS border-top задает форматирование верхней границы элемента в одной записи. Вот в каком порядке задаются свойства: border-top-width (ширина), border-top-style (стиль) и border-top-color (цвет). Если […]

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

Создание сайта на div

«Не следует умножать сущности сверх необходимого.» Уильям Оккам (1285-1349) На нашем сайте вы найдете учебники по веб-технологиям, начиная от базовых HTML и XHTML до продвинутых XML, XSL и WAP. Мы хотим, чтобы у каждого человека в мире был свой сайт!

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

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

 Перейти к справке CSS table { border-collapse:separate; empty-cells:hide; } Описание и использование Свойство CSS empty-cells определяет отображение/скрытие границ и фонового цвета пустых ячеек таблицы (только при значении свойства border-collapse:separate). Значение по умолчанию show Наследование да Версия CSS CSS 2 […]

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

Стиль левой границы элемента в CSS

  p { border-style:solid; } p.none {border-left-style:none;} p.dotted {border-left-style:dotted;} p.dashed {border-left-style:dashed;} p.solid {border-left-style:solid;} p.double {border-left-style:double;} p.groove {border-left-style:groove;} p.ridge {border-left-style:ridge;} p.inset {border-left-style:inset;} p.outset {border-left-style:outset;} Нет левой границы. Левая граница из точек. Левая граница — пунктир. Сплошная левая граница. Двойная левая граница. […]

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

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

 Перейти к справке CSS p { outline-style:dotted; outline-color:#00ff00; } Описание и использование Свойство CSS outline задает стиль рамки (outline), которая находится за пределами границ элемента и предназначена для выделения элемента. Свойство outline-color задает цвет внешней границы. Заметка: Всегда задавайте […]

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

Ширина нижней границы

  p { border-style:solid; border-bottom-width:15px; } Заметка: Свойство «border-bottom-width» не работает отдельно. Используйте свойство «border-style» для задания стиля границы. Заметка: Свойство «border-bottom-width» не работает отдельно. Используйте свойство «border-style» для задания стиля границы.

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

Цвет outline (внешней границы) в CSS

  p.outline { border:1px solid red; outline-style:dotted; outline-color:#00ff00; } Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE. Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE.

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