div.ex1 {direction:rtl;} Этот текст имеет направление вывода по умолчанию (слева направо). Этот текст выводится справа налево. Этот текст имеет направление вывода по умолчанию (слева направо). Этот текст выводится справа налево.
Читать далее →body {counter-reset:section;} h1 {counter-reset:subsection;} h1:before { counter-increment:section; content:»Глава » counter(section) «. «; } h2:before { counter-increment:subsection; content:counter(section) «.» counter(subsection) » «; } Заметка: Internet Explorer 8 (и выше) поддерживает свойство counter-reset только если указан !DOCTYPE. HTML учебники Учебник HTML Учебник […]
Читать далее →p { border-style:solid; } p.none {border-top-style:none;} p.dotted {border-top-style:dotted;} p.dashed {border-top-style:dashed;} p.solid {border-top-style:solid;} p.double {border-top-style:double;} p.groove {border-top-style:groove;} p.ridge {border-top-style:ridge;} p.inset {border-top-style:inset;} p.outset {border-top-style:outset;} Нет верхней границы. Верхняя граница из точек. Верхняя граница — пунктир. Сплошная верхняя граница. Двойная верхняя граница. […]
Читать далее →.right { position:absolute; right:0px; width:300px; background-color:#b0e0e6; } Когда я был помоложе, отец часто давал мне умные советы. «Перед тем, как критиковать кого-либо, — говорил он, — помни о том, что почти любой человек, которого ты критикуешь, никогда не признает свою […]
Читать далее → Перейти к справке CSS body { background-image:url(‘paper.gif’); } Описание и использование Свойство CSS background-image задает фоновое изображение элемента. Фон элемента отображается в пределах границ (border) элемента, включая поля (padding), но не внешний отступ (margin). По умолчанию, начальная позиция фонового […]
Читать далее →p.outline { border:1px solid red; outline:green dotted thick; } Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE. Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE.
Читать далее →.thumbnail { float:left; width:110px; height:90px; margin:5px; } .text_line { clear:both; margin-bottom:2px; } Фотогалерея Измените размер окна браузера, чтобы посмотреть, что будет, когда изображениям не будет хватать места. Второй ряд Измените размер окна браузера, чтобы посмотреть, что будет, когда изображениям […]
Читать далее →h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;} h4 {text-decoration:blink;} Это заголовок первого уровня Это заголовок второго уровня Это заголовок третьего уровня Это заголовок четвертого уровня
Читать далее →div.img { margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: […]
Читать далее → Перейти к справке CSS a:link {color:#FF0000} /* непосещенная ссылка */ a:visited {color:#00FF00} /* посещенная ссылка */ a:hover {color:#FF00FF} /* ссылка, над которой находится мышь */ a:active {color:#0000FF} /* ссылка при нажатии */ Описание и использование Псевдо-класс CSS :visited изменяет […]
Читать далее →