Ширина верхней границы

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

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

:after вставка содержимого после элемента

h1:after {content:url(image/smiley.gif);} Это заголовок Псевдо-элемент :after вставляет содержимое после элемента. Это заголовок Заметка: Internet Explorer 8 (и выше) поддерживает свойство content, только если указан правильный !DOCTYPE. Псевдо-элемент :after вставляет содержимое после элемента. Заметка: Internet Explorer 8 (и выше) поддерживает свойство […]

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

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

 Перейти к справке 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-increment подсчитывает количество отображений […]

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

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

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

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

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

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

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

Навигация на спрайтах

#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.gif’) 0 0;} #prev{left:63px;width:43px;} #prev{background:url(‘image/img_navsprites.gif’) -47px 0;} #next{left:129px;width:43px;} #next{background:url(‘image/img_navsprites.gif’) -91px 0;}  

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

Позиционирование фонового изображения

  body { background-image:url(‘girl.jpg’); background-repeat:no-repeat; background-position:right top; margin-right:450px; } Всем привет! Пример позиционирования изображения. В этом примере фоновое изображение показывается всего один раз и спозиционировано справа от текста. Также мы добавили отступ margin с правой стороны текста, поэтому фоновое изображение […]

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

Как сделать буквицу на CSS

span.bukvitsa { float:left; width:0.7em; font-size:400%; font-family:algerian,courier; line-height%; } Это буквица. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. […]

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

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

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

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

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

 Перейти к справке CSS Описание и использование Свойство CSS float определяет с какой стороны (правой или левой) запрещено обтекать элемент, при этом элемент «прилипает» к той стороне родительского элемента, с которой его запрещено обтекать. Заметка: Абсолютно позиционированные элементы игнорируют […]

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