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

 Перейти к справке CSS img { position:absolute; clip:rect(0px,60px,200px,0px); } Описание и использование Что произойдет, если изображение больше, чем содержащий его элемент? Свойство CSS clip позволяет указать вам видимые размеры абсолютно позиционированного элемента, та часть элемента, которая не попадет в […]

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

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

 Перейти к справке CSS p:first-letter { color:#ff0000; font-size:xx-large; } Это параграф. Первая буква параграфа будет выведена увеличенным шрифтом (xx-large) и красного цвета (#ff0000). Описание и использование Псевдо-элемент :first-letter добавляет стиль первому символу текста. Заметка: можно изменить следующие характеристики текста […]

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

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

 Перейти к справке CSS p.ex { min-width:100px; } Описание и использование Свойство CSS min-width задает минимальную ширину элемента. Заметка: min-width (минимальная ширина) элемента не включает поля (padding), рамки (border) или внешние отступы(margin) ! Значение по умолчанию 0 Наследование нет […]

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

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

 Перейти к справке CSS { background: #00ff00 url(‘smiley.gif’) no-repeat fixed center; } Описание и использование Короткая запись свойства background настраивает все свойства фона элемента в одной записи. Свойства настраиваются в соответствии со следующим порядком : background-color (цвет фона), background-image […]

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

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

 Перейти к справке CSS p.small { font-variant:small-caps; } Описание и использование Когда значение свойства CSS font-variant равно small-caps, все строчные буквы заменяются на заглавные. Однако, эти буквы меньше по размеру, чем оригинальные заглавные буквы. Вот Пример. CSS свойство font-variant […]

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

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

 Перейти к справке CSS h1 {text-align:center} h2 {text-align:left} h3 {text-align:right} Описание и использование Свойство CSS text-align задает способ выравнивания текста по горизонтали. Значение по умолчанию left, если текст выводится слева направо, right, если текст выводится справа налево Наследование да […]

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

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

 Перейти к справке CSS table { table-layout:fixed; } Описание и использование Свойство CSS table-layout задает способ вычисления ширины ячеек таблицы браузером. Значение по умолчанию auto Наследование нет Версия CSS CSS 2 Синтаксис JavaScript object.style.tableLayout=»fixed» Поддержка в браузерах Свойство table-layout […]

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

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

 Перейти к справке CSS Описание и использование Свойство CSS direction определяет направления отображения/написания текста. Значение по умолчанию ltr Наследование да Версия CSS CSS 2 Синтаксис JavaScript object.style.direction=»rtl» Поддержка в браузерах Свойство direction поддерживается всеми основными браузерами. Заметка: ни одна […]

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

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

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

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

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

 Перейти к справке CSS table { border-collapse:separate; border-spacing:10px 50px; } Описание и использование Свойство CSS border-spacing задает дистанцию между границами соседних ячеек в таблице (только для ячеек со стилем separate). Значение по умолчанию нет Наследование да Версия CSS CSS […]

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