Полное описание сжатия областей

На этой диаграмме изображено два бокса блока, один над другим, с прямоугольным сжатием областей различных размеров.

Боксы блока (генерируемые для элемента P) идентичны и обозначены толстой чёрной рамкой и серым фоном. Система координат начинается в левом верхнем углу каждого бокса блока. Ось x возрастает вдоль верхнего края бокса P, ось y - вниз по левому краю. Обе оси имеют шаг 5px.

Сжимаемая область первого бокса P полностью расположена внутри него, смещение 5px от верхнего и левого краёв бокса P и 10px - от правого и нижнего краёв. Сжимаемая область имеет толстую пунктирную рамку и белый фон и помечена "clip region".

Сжимаемая область второго бокса P похожа на первый стилем и позицией, за исключением того, что правый край выступает на 5px за правый край бокса P. Таким образом, сжимаемая область находится частично вне бокса P.

Вернуться к изображению.