Контурите на CSS се повеќе од само граница
Состојбата на CSS на имотот е збунувачка сопственост. Кога за прв пат ќе дознаете за тоа, тешко е да се разбере како е тоа дури и оддалечено од границата. W3C го објаснува како да ги има следните разлики:
- Контури не заземаат простор.
- Контурите можат да бидат не-правоаголни.
Преглед Не земај простор
Оваа изјава, само по себе е збунувачка. Како може објект на вашата веб-страница да не зазема простор на веб-страницата? Но, ако мислите дека вашата веб-страница е како кромид, секоја ставка на страницата може да биде насловена на врвот на друга ставка. Содржината на контури не зазема простор, бидејќи секогаш се наоѓа на врвот на кутијата на елементот.
Кога преглед е ставен околу елемент, тој нема никаков ефект врз тоа како тој елемент е поставен на страницата. Не ја менува големината или положбата на елементот. Ако ставите преглед на елемент, ќе потрае исто количество на простор како да немате преглед на тој елемент. Ова не важи за границата. Границата на елементот се додава на надворешната ширина и висина на елементот. Значи, ако имате слика со ширина од 50 пиксели, со граница од 2 пиксели, ќе потрае 54 пиксели (2 пиксели за секоја странична граница). Истата слика со 2-пиксели преглед ќе потрае до 50 пиксели ширина на вашата страница, прегледот ќе се прикаже преку надворешниот раб на сликата.
Пречистите може да бидат непрактични
Пред да почнете да размислувате "кул, сега можам да нацртам кругови!" Размисли повторно. Оваа изјава има поинакво значење отколку што можеби мислите. Кога ставате граница на елемент, прелистувачот го толкува елементот како да е една огромна правоаголна кутија. Ако кутијата се подели на повеќе линии, прелистувачот само ги остава рабовите отворени, бидејќи кутијата не е затворена. Тоа е како прелистувачот да ја гледа границата со бескрајно широк екран - доволно широк за таа граница да биде еден континуиран правоаголник.
Спротивно на тоа, во обликот на имотот се земаат рабовите во предвид. Ако напишаниот елемент опфаќа неколку линии, прегледот се затвора на крајот од линијата и повторно се отвара на следната линија. Ако е можно, нацртот ќе остане целосно поврзан, создавајќи не-правоаголна форма.
Употреба на резиме сопственост
Една од најдобрите употреби на имотот на контури е да ги истакне термините за пребарување. Многу сајтови го прават тоа со боја на позадина, но исто така можете да го користите прегледното својство и да не се грижите за додавање на дополнителни проред на вашите страници.
Содржината на обликот во боја го прифаќа терминот "инвертирање", што ја прави бојата на обликот обратна на тековната позадина. Ова ви овозможува да ги потенцирате елементите на динамичните веб-страници без потреба да знаете кои бои се користат .
Исто така можете да го користите имунитетот на контури за да ја отстраните испрекината линија околу активните врски. Оваа статија од CSS-трикови покажува како да се отстрани прегледот со точки.