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

 Перейти к справке CSS q:lang(no) {quotes: «~» «~»} Это параграф с цитатой внутри него. Описание и использование Псевдо-класс CSS :lang изменяет стиль элементов с указанным значением атрибута lang. Поддержка в браузерах Псевдо-класс :lang поддерживается всеми основными браузерами кроме Chrome […]

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

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

 Перейти к справке CSS h1:after { content:url(beep.wav); } Описание и использование Псевдо-элемент :after вставляет содержимое после элемента. Поддержка в браузерах Псевдо-элемент :after поддерживается всеми основными браузерами. Связанные страницы Учебник CSS: Псевдо-элементы в CSS Справка CSS: Псевдо-элемент :before Перейти к […]

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

Стиль границ (бордюров) элементов

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

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

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

 Перейти к справке CSS p { border-style:solid; border-right-style:dotted; } Описание и использование Свойство CSS border-right-style задает стиль правого бордюра элемента. Значение по умолчанию нет Наследование нет Версия CSS CSS 1 Синтаксис JavaScript object.style.borderRightStyle=»dotted» Поддержка в браузерах Свойство border-right-style поддерживается […]

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

Ширина левой границы

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

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

Отступ слева первой строки абзаца или красная строка

  p {text-indent:50px;} Учитесь правильно оформлять текст. Хорошо оформленный текст лучше воспринимается. Плохо оформленный текст подсознательно давит на вас и отбивает желание читать его. Правила оформления текста достаточно просты. Надо ставить пробел после знаков препинания, перед скобками (но не внутри […]

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

position:absolute — абсолютное позиционирование в CSS

h2 { position:absolute; left:100px; top:150px; } Это заголовок с абсолютной позицией. С помощью абсолютного позиционирования элемент можно разместить где угодно. Заголовок выше спозиционирован на 100 пикселей слева и 150 пикселей сверху. С помощью абсолютного позиционирования элемент можно разместить где угодно. […]

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

Шрифт в CSS

  p.serif{font-family:»Times New Roman»,Times,serif;} p.sansserif{font-family:Arial,Helvetica,sans-serif;} Свойство CSS font-family Этот параграф написан шрифтом Times New Roman. А этот параграф выведен шрифтом Arial. Этот параграф написан шрифтом Times New Roman. А этот параграф выведен шрифтом Arial.

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

Минимальная ширина элемента в процентах

p { min-width:200%; } Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. Это обычный параграф. […]

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