Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

146. Свойства форматирования all, clear и clip

Начнем со свойства all. Оно нужно, чтобы сбросить все значения свойств, кроме direction и unicode-bidi. Это очень легко понять на примере. При помощи свойства css, сделаем цвет текста абзаца красным, а потом сбросим его.

Код CSS
p { color: red; }
p { all: unset; } /* сбрасываем стиль */
Код HTML
<p>Привет, мир</p>

Свойство может принимать три значения:

  1. initial - изменяет все свойства на исходные значения.
  2. inherit - изменяет все свойства на значения, которые наследуются у родителя.
  3. unset - работает как inherit, если свойство наследуется, иначе как initial.

Следующее свойство clear, оно запрещает данному элементу обтекать предшествующие ему плавающие элементы, находящиеся с указанной стороны, т.е. отменяет действие float. Рассмотрим значения, которые принимает clear:

  1. none - отменяет действие clear.
  2. both - используется, если неизвестно с какой стороны нам нужно отменить действие float.
  3. left - отменяет слева.
  4. right - отменяет справа.

Теперь рассмотрим свойство clip, оно отображает область, в которой будет позиционироваться элемент, а остальное обрезает. Так выглядит синтаксис: clip: rect(Y1, X2, Y2, X1), где х1 - отступ слева до ближнего края, х2 - отступ слева до дальнего края, у1 - отступ сверху до ближнего края и у2 - отступ сверху до дальнего края. Это свойство можно использовать только для элементов имеющих свойство position: absolute или position: fixed.

Свойство clip уже устарело и на смену ему пришло более гибкое и расширенное свойство clip-path. О новом свойстве можно почитать на сайте Мозиллы.

Похожие уроки и записи блога

Свойство background для работы с фономЦвета и фон
Первое знакомство с PythonЗнакомство с Python
Типы данных в PythonЗнакомство с Python
Еще о возможностях модулей в Python Знакомство с Python
Погружение в PythonЗнакомство с Python
Обработка исключений (try/except) в PythonЗнакомство с Python
Управляющие последовательности в JavaScriptТипы и переменные
Условная инструкция if-elif-else в PythonЗнакомство с Python
Универсальные атрибуты в HTMLРазметка текста
<
×
>
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно