margin-bottom (внешний отступ снизу) в CSS

  p.bottommargin {margin-bottom:25%;} Параграф с внешними отступами по умолчанию. Это параграф с явно указанным внешним отступом снизу. Параграф с внешними отступами по умолчанию. Параграф с внешними отступами по умолчанию. Это параграф с явно указанным внешним отступом снизу. Параграф с внешними […]

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

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

 Перейти к справке CSS span.crosshair {cursor:crosshair} span.help {cursor:help} span.wait {cursor:wait} Описание и использование Свойство CSS cursor задает вид курсора при его наведении на элемент. Значение по умолчанию auto Наследование да Версия CSS CSS 2 Синтаксис JavaScript object.style.cursor=»crosshair» Поддержка в […]

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

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

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

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

padding (поля) в CSS — короткая запись

  p.ex1 {padding:2cm;} p.ex2 {padding:0.5cm 3cm;} У этого параграфа одинаковые поля с каждой стороны по 2 сантиметра. А у этого параграфа верхние и нижние поля равны 0,5 сантиметра, а левое и правое поля — 3 сантиметра. У этого параграфа одинаковые […]

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

margin-left (внешний отступ слева) в CSS

  p.ex1 {margin-left:2cm;} Параграф с внешними отступами по умолчанию. Параграф с внешним отступом в 2 сантиметра слева. Параграф с внешними отступами по умолчанию. Параграф с внешними отступами по умолчанию. Параграф с внешним отступом в 2 сантиметра слева. Параграф с внешними […]

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

Всем привет!

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

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

float — пример использования

img { float:right; } В параграф ниже мы добавили изображение со свойством float:right. В результате изображение выровнялось по правому краю, а текст обтекает его слева. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это […]

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

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;} Нет границы. Граница из точек. Граница-пунктир. Граница — сплошная линия. Граница — двойная линия. Выдавленная трехмерная граница. Вогнутая трехмерная […]

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