Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство clip | назначение, допустимые значения, примеры

Свойство clip

Последнее обновление: 09.01.2011

Свойство clip задает область элемента, которая будет видна. Все что вне области, будет обрезано:
clip: все что выходит за пределы фигуры, будет обрезано

Допустимые значения

  • — область элемента, которая будет видна
  • auto — элемент будет виден полностью
  • inherit — наследует значение от родителя
Значение по умолчанию auto
Применимо только для элементов с абсолютным позиционированием (position: absolute и position: fixed;)
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 8 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


.clipBlock {
position: absolute;
clip: rect(40px, 175px, 100px, 50px);
}


Твой код:

Результат: