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

 Перейти к справке CSS Описание и использование CSS свойство padding-top определяет верхний отступ между границами элемента и его содержимым. Заметка: запрещены отрицательные значения свойства padding-top. Значение по умолчанию 0 Наследование нет Версия CSS CSS 1 Синтаксис JavaScript object.style.paddingTop=»2cm» Поддержка […]

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

Вложенные классы

p { color:blue; text-align:center; } .marked { background-color:blue; } .marked p { color:white; } Этот параграф синего цвета и он выровнен по центру. Этот параграф не должен быть синего цвета. Параграф внутри элемента с классом «marked» сохраняет выравнивание, но меняет […]

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

padding-top (верхнее поле) в CSS

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

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

Изменение стиля ссылок

  a:link {text-decoration:none;} /* непосещенная ссылка */ a:visited {text-decoration:none;} /* посещенная ссылка */ a:hover {text-decoration:underline;} /* ссылка, над которой находится курсор мыши */ a:active {text-decoration:underline;} /* ссылка в момент щелчка мышью */ Это ссылка Заметка: a:hover должен быть указан после […]

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

Вставка в текст картинки с подписью

div.kartinka { float:right; width:120px; margin:0 0 15px 20px; padding:15px; border:1px solid black; text-align:center; } CSS — это круто! Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. […]

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

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

 Перейти к справке CSS img { position:absolute; left:5px; } Описание и использование Свойство CSS left действует для абсолютно позиционированных элементов и устанавливает расстояние между левой границей элемента и левой границей его родителя. В случае, если элемент не вложен в […]

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

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

 Перейти к справке CSS body { counter-reset:section; } h1 { counter-reset:subsection; } h1:before { content:»Section » counter(section) «. «; counter-increment:section; } h2:before { counter-increment:subsection; content:counter(section) «.» counter(subsection) » «; } Описание и использование Свойство CSS counter-reset создает или сбрасывает […]

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

Направление вывода текста на странице

  div.ex1 {direction:rtl;} Этот текст имеет направление вывода по умолчанию (слева направо). Этот текст выводится справа налево. Этот текст имеет направление вывода по умолчанию (слева направо). Этот текст выводится справа налево.

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

Автоматическая нумерация в CSS

body {counter-reset:section;} h1 {counter-reset:subsection;} h1:before { counter-increment:section; content:»Глава » counter(section) «. «; } h2:before { counter-increment:subsection; content:counter(section) «.» counter(subsection) » «; } Заметка: Internet Explorer 8 (и выше) поддерживает свойство counter-reset только если указан !DOCTYPE. HTML учебники Учебник HTML Учебник […]

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

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

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

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