Ширина правой границы блока в CSS

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

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

:first-letter выделение первой буквы в тексте

  p:first-letter { color:#ff0000; font-size:xx-large; } Вы можете использовать псевдо-элемент :first-letter для добавления специальных эффектов первому символу в тексте. Вы можете использовать псевдо-элемент :first-letter для добавления специальных эффектов первому символу в тексте.

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

Размер шрифта в пикселях

  h1 {font-size:40px;} h2 {font-size:30px;} p {font-size:14px;} Это заголовок первого уровня Это заголовок второго уровня Это параграф. Указание размера шрифта в пикселях позволяет изменять размер шрифта в браузерах Firefox, Chrome, Opera и Safari, но не в Internet Explorer. Это параграф. […]

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

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

 Перейти к справке CSS p { border-style:solid; border-width:15px; } Описание и использование Свойство CSS border-width задает ширину всех четырех бордюров элемента. Свойство может иметь от одного до четырех значений: border-width:thin medium thick 10px; верхняя граница тонкая правая граница средней […]

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

Задание ширины границ

  p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:medium; } p.three { border-style:solid; border-width:1px; } Это параграф. Это параграф. Это параграф. Заметка: Свойство «border-width» не работает отдельно. Используйте свойство «border-style» для задания стиля границы. Это параграф. Это параграф. Это […]

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

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

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

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

Центрирование блока с текстом

.center { margin:auto; width:70%; background-color:#b0e0e6; } Когда я был помоложе, отец часто давал мне умные советы. «Перед тем, как критиковать кого-либо, — говорил он, — помни о том, что почти любой человек, которого ты критикуешь, никогда не признает свою вину. […]

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

Использование свойства border-collapse

  table { border-collapse:collapse; } table, td, th { border:1px solid black; } Имя Фамилия Петр Мишкин Леонид Выхухолев Заметка: Если не указан DOCTYPE, свойство border-collapse может вызвать неожиданные последствия. Имя Фамилия Петр Мишкин Леонид Выхухолев Заметка: Если не указан […]

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

position:relative — относительное позиционирование в CSS

h2.pos_left { position:relative; left:-20px; } h2.pos_right { position:relative; left:20px; } Этот заголовок без позиционирования. Этот заголовок сдвинут влево, относительно своего нормального положения. Этот заголовок сдвинут вправо относительно своего нормального положения. position:relative позиционирует элемент относительно его нормального положения.. position:relative позиционирует элемент […]

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

Стиль нижней границы элемента в CSS

  p { border-style:solid; } p.none {border-bottom-style:none;} p.dotted {border-bottom-style:dotted;} p.dashed {border-bottom-style:dashed;} p.solid {border-bottom-style:solid;} p.double {border-bottom-style:double;} p.groove {border-bottom-style:groove;} p.ridge {border-bottom-style:ridge;} p.inset {border-bottom-style:inset;} p.outset {border-bottom-style:outset;} Нет нижней границы. Нижняя граница из точек. Нижняя граница — пунктир. Сплошная нижняя граница. Двойная нижняя граница. […]

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