Перейти к справке 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 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;} Учитесь правильно оформлять текст. Хорошо оформленный текст лучше воспринимается. Плохо оформленный текст подсознательно давит на вас и отбивает желание читать его. Правила оформления текста достаточно просты. Надо ставить пробел после знаков препинания, перед скобками (но не внутри […]

  ul { list-style-type:none; margin:0; padding:0; } a:link,a:visited { display:block; font-weight:bold; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } a:hover,a:active { background-color:#7A991A; } Главная Новости Контакты О нас

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

img { float:right; border:1px dotted black; margin:0px 0px 15px 20px; } В параграф ниже мы добавили изображение со свойством float:right. В результате изображение выровнялось по правому краю, а текст обтекает его слева. К изображению мы добавим черную рамочку из точек. […]

  body { margin-left:200px; background:#5d9ab2 url(‘girl.jpg’) no-repeat top left; } .container { text-align:center; } .center_div { border:1px solid gray; margin-left:auto; margin-right:auto; width:90%; background-color:#d0f0f6; text-align:left; padding:8px; } Всем привет! Этот пример показывает продвинутые методы CSS, которые вы, возможно, еще не изучили. […]

  p.small {line-height:90%;} p.big {line-height:200%;} Это параграф со стандартной высотой строки. Высота строки в большинстве браузеров составляет от 110% до 120% от высоты шрифта. Это параграф со стандартной высотой строки. Это параграф со стандартной высотой строки. Высота строки в большинстве […]