Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
132. Свойства форматирования all, clear и clip
Начнем со свойства all
. Оно нужно, чтобы сбросить все значения свойств, кроме direction
и unicode-bidi
. Это очень легко понять на примере. При помощи свойства css, сделаем цвет текста абзаца красным, а потом сбросим его.
p { color: red; }
p { all: unset; } /* сбрасываем стиль */
<p>Привет, мир</p>
Свойство может принимать три значения:
initial
- изменяет все свойства на исходные значения.inherit
- изменяет все свойства на значения, которые наследуются у родителя.unset
- работает какinherit
, если свойство наследуется, иначе какinitial
.
Следующее свойство clear
, оно запрещает данному элементу обтекать предшествующие ему плавающие элементы, находящиеся с указанной стороны, т.е. отменяет действие float
. Рассмотрим значения, которые принимает clear
:
none
- отменяет действиеclear
.both
- используется, если неизвестно с какой стороны нам нужно отменить действиеfloat
.left
- отменяет слева.right
- отменяет справа.
Теперь рассмотрим свойство clip
, оно отображает область, в которой будет позиционироваться элемент, а остальное обрезает. Так выглядит синтаксис: clip: rect(Y1, X2, Y2, X1)
, где х1 - отступ слева до ближнего края, х2 - отступ слева до дальнего края, у1 - отступ сверху до ближнего края и у2 - отступ сверху до дальнего края. Это свойство можно использовать только для элементов имеющих свойство position: absolute
или position: fixed
.
Свойство clip
уже устарело и на смену ему пришло более гибкое и расширенное свойство clip-path
. О новом свойстве можно почитать на сайте Мозиллы.
Похожие уроки Codebra
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
- Сбросьте все свойства для
p
иh1
.
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.
Это займет не больше минуты.