Офсетни свойства

Трите схеми за позициониране, описани в предишния раздел - относителна, абсолютна и фиксирана - използват четири различни свойства, за да опишат изместването на страните на позиционирания елемент спрямо неговия блок контейнер. Тези четири свойства, които ще наречем компенсирани свойства, вършат по-голямата част от работата по позициониране.

Тези свойства описват изместването спрямо най-близката страна на контейнерния блок (според думата компенсиране). Например, свойството top описва колко далеч трябва да е горният поле на позиционирания елемент от горната част на неговия блок контейнер. За свойството top положителните стойности преместват горното поле на позиционирания елемент отдолу, а отрицателните стойности го преместват над горната част на неговия блок контейнер. По същия начин лявото свойство описва колко надясно (за положителни стойности) или наляво лявото поле на позиционирания елемент е спрямо левия ръб на контейнерния блок. Положителните стойности ще изместят полето на позиционирания елемент надясно, а отрицателните стойности ще се изместят наляво. Можете да погледнете по различен начин: положителните стойности причиняват вътрешни отмествания, премествайки ръбовете към центъра на блока на контейнера, докато отрицателните стойности причиняват външни отмествания.

Оригиналната спецификация на CSS2 казва, че компенсира ръбовете на съдържанието, а не ръбовете на полетата, но това е в противоречие с други части на CSS2.


Грешката е коригирана в следния списък с грешки и в CSS2.1. Компенсациите се изчисляват по границите на всички активно разработени (към момента на писане) браузъри. В резултат на изместването на ръбовете на полетата на позициониран елемент, всичко се движи в процеса на неговото позициониране: полета, граници, полета и съдържание. По този начин можете да зададете полета, граници и подложки за позиционираните елементи; всичко ще бъде запазено и ще остане в позиционирания елемент и ще бъде в зоната, определена от свойствата на отместването. Важно е да запомните, че свойствата на отместването определят изместването от същата страна (например, лявата определя изместването от лявата страна) на блока на контейнера, а не от неговия b-контейнер, като задават следните стойности: