Opisi CSS so več kot le meja
Lastnost obrisa CSS je nejasna lastnost. Ko se najprej naučite o tem, je težko razumeti, kako se je celo oddaljeno od lastnosti meje. W3C pojasnjuje, da ima naslednje razlike:
- Navodila ne zajemajo prostora.
- Okvirji so lahko pravokotni.
Navodila ne zajemajo prostora
Ta izjava je sama po sebi zmedena. Kako lahko predmet na svoji spletni strani ne zajema prostora na spletni strani? Ampak, če pomislite, da je vaša spletna stran kot čebula, je vsak predmet na strani lahko nadoknaden nad drugim elementom. Obrisana lastnost ne zajema prostora, ker je vedno postavljena na vrhu škatle elementa.
Kadar je okvir postavljen okoli elementa, nima vpliva na to, kako je ta element določen na strani. Ne spreminja velikosti ali položaja elementa. Če postavite element na element, bo porabil enako količino prostora, kot če niste videli orisa tega elementa. To ne velja za mejo. Meja na elementu se doda zunanji širini in višini elementa. Torej, če bi imeli sliko, ki je bila široka 50 slikovnih pik, z mejo s 2 piksli bi trajalo 54 pikslov (2 pik za vsako stransko mejo). Taka ista slika z 2-pikelnimi obrisi bi zajemala samo 50 pik širine na vaši strani, obris bi se prikazoval preko zunanjega roba slike.
Izrisi so lahko neurejeni
Preden začnete razmišljati "kul, zdaj lahko kroži kroge!" Pomisli še enkrat. Ta izjava ima drugačen pomen, kot si mislite. Ko postavite mejo na element, brskalnik razlaga element, kot da bi bil en velikanski pravokotni okvir. Če se polje razdeli na več vrstic, brskalnik pusti robove odprte, ker polje ni zaprto. To je, kot da brskalnik vidi mejo z neskončno širokim zaslonom - dovolj širok, da je ta meja en neprekinjen pravokotnik.
V nasprotju s tem se obrisi upoštevajo robovi. Če opisani element obsega več vrstic, se obris zaključi na koncu vrstice in znova znova odpre v naslednji vrstici. Če je mogoče, bo obris ostal v celoti povezan, kar ustvarja neuretansko obliko.
Uporabe okvirne lastnine
Ena najboljših načinov uporabe obrisa je poudarjanje iskalnih izrazov. Mnoga spletna mesta to počnejo z barvo ozadja, lahko pa uporabite tudi orisno lastnost in ne skrbite, da bi dodali kakršno koli dodatno razmikanje na svojih straneh.
Lastnost barvne barve sprejema izraz »invert«, zaradi česar je barva obrisa inverzna trenutnemu ozadju. To vam omogoča, da označite elemente na dinamičnih spletnih straneh, ne da bi morali vedeti, katere barve so uporabljene .
Za odstranitev črtkane črte okoli aktivnih povezav lahko uporabite tudi lastnost obrisa. Ta članek iz CSS-Tricks kaže, kako odstraniti pikčasto oris.