Вставка настраиваемых кавычек

q:lang(ru) { quotes: ««» «»» «‘» «‘»; } Это важная цитата. Заметка: Internet Explorer 8 (и выше) поддерживает свойство quotes только если задан правильный !DOCTYPE. Это важная цитата. Заметка: Internet Explorer 8 (и выше) поддерживает свойство quotes только если задан […]

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

Комбинирование :first-lin и :first-letter

  p:first-letter { color:#ff0000; font-size:xx-large; } p:first-line { color:#0000ff; font-variant:small-caps; } Вы можете комбинировать псевдо-элементы :first-letter и :first-line для добавления специальных эффектов одновременно и к первой строке и к первому символу параграфа! Вы можете комбинировать псевдо-элементы :first-letter и :first-line для […]

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

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

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

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

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

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

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

Размеры элементов

  div.ex { width:220px; padding:10px; border:5px solid gray; margin:0px; } Линия выше шириной 250px. Ширина этого элемента тоже 250px. Внимание: Этот пример не работает в IE! Тем не менее мы решим эту проблему в следующем примере. Линия выше шириной 250px. […]

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

Стиль правой границы элемента в 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;}  

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