Изгледи ЦСС-а су више од границе
Особина ЦСС- а је збуњујућа својина. Када први пут сазнате о томе, тешко је схватити како се чак и далеко разликује од имовине границе. В3Ц га објашњава као следеће разлике:
- Изводи не заузимају простор.
- Оквири могу бити нерегуларни.
Изводи не узимају простор
Ова изјава, сам по себи, збуњује. Како објект на вашој Веб страници не може да се искористи на Веб страници? Али ако размислите о вашој веб страници као лук, свака ставка на страници може бити слојевита на врху друге ставке. Ординарна својина не заузима простор јер се увек налази на врху кутије елемента.
Када је оквир постављен око елемента, нема никаквог утицаја на то како је тај елемент постављен на страници. Не мења величину или положај елемента. Ако ставите оквир на елемент, заузимаће исту количину простора као да нисте имали преглед тог елемента. Ово није тачно за границу. Граница на елементу се додаје спољашној ширини и висини елемента. Дакле, ако сте имали слику ширине 50 пиксела, са граничником од 2 пиксела, требало би да буде 54 пиксела (2 пиксела за сваку бочну границу). Та иста слика са 2-пикселском линијом би требала имати само 50 пиксела ширине на вашој страни, преглед би се приказао преко вањске ивице слике.
Изводи могу бити нерегуларни
Пре него што почнете да размишљате "цоол, сада могу да нацртам кругове!" Размисли поново. Ова изјава има другачије значење него што мислите. Када поставите границу на елемент, претраживач тумачи елемент као да је то једна гигантска правоугаона кутија. Ако се кутија раздваја на више линија, претраживач оставља отворене ивице само зато што кутија није затворена. То је као да прегледач види границу са бескрајно широким екраном - довољно широк да је та граница један континуални правоугаоник.
Насупрот томе, у својству орјентације се узимају у обзир ивице. Ако је описани елемент обухваћен неколико линија, обрис се затвара на крају линије и поново се отвара на следећој линији. Ако је могуће, контура ће остати у потпуности повезана, стварајући не-правоугаони облик.
Употреба контуре имовине
Једна од најбољих начина коришћења објекта је истицање појмова за претрагу. Многи сајтови то раде са бојом позадине, али такође можете користити својство оутлине и не брините за додавање додатних размака на вашим страницама.
Својост у оутлине-у боје прихвата израз "инверт" што чини боју узорка инверзним од тренутне позадине. Ово вам омогућава да истакнете елементе на динамичким Веб страницама без потребе да знате које боје користе .
Такође можете користити и оутлине особину да уклоните тачку линије око активних веза. Овај чланак из ЦСС-Трицкса показује како уклонити тачку.