CSS Outline Styles

Id-deskrizzjonijiet tas-CSS huma aktar minn sempliċiment fruntiera

Il-proprjetà tal-kontorn tas-CSS hija proprjetà konfuża. Meta l-ewwel titgħallem dwarha, huwa diffiċli li wieħed jifhem kif huwa remotament differenti mill-proprjetà tal-fruntiera. Il- W3C tispjegaha li għandha d-differenzi li ġejjin:

Iddeskrivi M'għandekx Tieħu l-Ispazju

Din id-dikjarazzjoni, fih innifsu, hija konfuża. Kif jista 'oġġett fuq il-paġna tal-Web tiegħek ma jibqax spazju fuq il-paġna tal-Web? Imma jekk taħseb li l-paġna tal-Web tiegħek hija bħal basla, kull oġġett fuq il-paġna jista 'jkun imqiegħed flimkien ma' oġġett ieħor. Il-proprjetà tal-qosor ma tieħux spazju għaliex dejjem titqiegħed fuq il-kaxxa tal-element.

Meta kontorn jitqiegħed madwar element, m'għandux effett fuq kif dak l-element huwa stabbilit fuq il-paġna. Ma jbiddilx id-daqs jew il-pożizzjoni tal-element. Jekk tpoġġi kontorn fuq element, se tieħu l-istess ammont ta 'spazju daqs li kieku ma jkollokx kontorn ta' dak l-element. Dan mhux veru ta 'fruntiera. Limitu fuq element jiżdied mal-wisa 'ta' barra u l-għoli tal-element. Mela jekk kellek immaġni li kellha 50 pixels wiesa ', b'bordura ta' 2 pixel, kienet se tieħu 54 pixels (2 pixels għal kull naħa tal-fruntiera). Dik l-istess immaġni b'kontenut ta '2 pixel tieħu biss wisa' ta '50 pixels fuq il-paġna tiegħek, l-iskrin ikun jidher fuq ix-xifer ta' barra tal-immaġini.

Jistabbilixxi li jista 'jkun Mhux rettangolari

Qabel ma tibda taħseb "kessaħ, issa nista 'tiġbed ċrieki!" Aħseb mill-ġdid. Din id-dikjarazzjoni għandha tifsira differenti milli tista 'taħseb. Meta tpoġġi fruntiera fuq element, il-browser jinterpreta l-element daqs li kieku kienet kaxxa rettangolari ġgant waħda. Jekk il-kaxxa tinqasam fuq bosta linji, il-browser biss iħalli t-truf miftuħa minħabba li l-kaxxa mhix magħluqa. Huwa bħallikieku l-browser qed jara l-fruntiera b'filtru infinitament wiesa 'biżżejjed biex dik il-fruntiera tkun rettangolu wieħed kontinwu.

B'kuntrast, il-proprjetà tal-punti prinċipali tqis it-truf. Jekk element spjegat ikopri bosta linji, il-kontorn jagħlaq fl-aħħar tal-linja u terġa 'tiftaħ mill-ġdid fuq il-linja li jmiss. Jekk possibbli, il-kontorn se jibqa 'kompletament imqabbad ukoll, u joħloq forma mhux rettangolari.

Użijiet tal-Proprjetà Skrinjata

Wieħed mill-aħjar użi tal-proprjetà kontorn huwa li jenfasizza t-termini ta 'tiftix. Ħafna siti jagħmlu dan b'kulur ta 'l-isfond, imma int tista' wkoll tuża l-proprjetà tad-deskrizzjoni u m'għandekx għalfejn tinkwieta dwar xi spazju żejjed fuq il-paġni tiegħek.

Il-proprjetà tal-kulur tal-punti prinċipali taċċetta t-terminu "invertita" li jagħmel il-kulur tal-kontorn l-invers tal-isfond kurrenti. Dan jippermettilek li tenfasizza l-elementi fuq paġni tal-Web dinamiċi mingħajr ma tkun trid tkun taf liema kuluri huma użati .

Tista 'wkoll tuża l-proprjetà kontorn biex tneħħi l-linja bit-tikek madwar il-links attivi. Dan l-artikolu minn CSS-Tricks juri kif tneħħi l-kontorn bit-tikek.