Izitayela ze-CSS Outline

Okushiwo yi-CSS kungaphezulu komngcele kuphela

I- CSS i- outline impahla yindawo edidekayo. Uma uqala ukufunda ngakho, kunzima ukuqonda ukuthi likude kanjani kude nempahla yomngcele. I- W3C iyichaza njengokungathi umehluko olandelayo:

Izinkomba Ungathathi Isikhala

Lesi sitatimende, futhi ngokwayo siyadanisa. Kanjani into ekhasini lakho leWeb elingathathi isikhala ekhasini leWebhu? Kodwa uma ucabanga ngekhasi lakho leWebhu njengokufana no-anyanisi, into ngayinye ekhasini ingase ibekwe phezu kweyodwa into. Isakhiwo se-outline asithathi isikhala ngoba ngaso sonke isikhathi sibekwa phezulu kwebhokisi lesici.

Uma uhlaka lubekwa nxazonke zezinto, alinayo umphumela wokuthi leso sici sibhalwe kanjani ekhasini. Ayishintshi usayizi wesici noma isikhundla. Uma ubeka uhlaka olusezingeni, kuzothatha isikhala esifanayo nesimo sokungathi ungenayo uhlaka lwaleso sici. Lokhu akulona iqiniso emngceleni. Umngcele on element ungezwa ububanzi ngaphandle nokuphakama kwesici. Ngakho-ke uma ngabe unesithombe esinezingamaphikseli angu-50 ububanzi, enomngcele wamaphikseli angu-2, kungathatha amaphikseli angu-54 (amaphikseli amabili emngceleni ngamunye). Isithombe esifanayo esine-2-pixel sici singathatha amaphaseli angu-50 kuphela ububanzi ekhasini lakho, uhlaka luzobonisa phezu komngcele ongaphandle wesithombe.

Izikhombandlela zingase zibe yi-Rectangular

Ngaphambi kokuba uqale ucabange "ukupholile, manje ngiyakwazi ukudweba imibuthano!" Cabanga futhi. Lesi sitatimende sinencazelo ehlukile kunalokho ongase ucabange. Uma ufaka umngcele kwisici, isiphequluli sihumusha isici njengokungathi ibhokisi elilodwa lemigqa elixubile. Uma ibhokisi lihlukaniswa emigqeni eminingana, isiphequluli sishiya imiphetho evulekile ngoba ibhokisi alivaliwe. Kunjengokungathi isiphequluli sibona umngcele ngeskrini esingenamkhawulo-ububanzi ngokwanele ukuba lowo mngcele ube yindilinga eyodwa eqhubekayo.

Ngokuphambene nalokho, i-outline impahla ithatha imiphetho icatshangelwe. Uma isici esiveziwe sichaza imigqa eminingana, i-outline ivaliwe ekupheleni komugqa bese ivula futhi emgqeni olandelayo. Uma kunokwenzeka, uhlaka luzohlala luxhumeke ngokugcwele futhi, ukudala isimo esingenxantathu.

Ukusetshenziswa koMkhiqizo we-Outline

Enye yezinto ezisetshenzisiwe kakhulu zendawo yokubeka ucingo ukugqamisa amagama okucinga. Izingosi eziningi zenza lokhu ngombala wangemuva, kodwa ungasebenzisa futhi indawo yesikhashana futhi ungakhathazeki ngokungeza noma yikuphi ukukhala okungeziwe emakhasini akho.

Impahla yombala we-outline iyakwamukela igama elithi "ukuguqula" okwenza umbala wesikhangiso uhambisane nomlando wamanje. Lokhu kukuvumela ukuba ugcizelele izinto kwiWebhu amakhasi ashukumisayo ngaphandle kokudinga ukwazi ukuthi imilaphi isetshenziswa .

Ungasebenzisa futhi indawo yesikhashana ukuze ususe umugqa wachashazi eduze nezixhumanisi ezisebenzayo. Lesi sihloko esivela ku-CSS-Tricks sikhombisa indlela yokususa uhlaka olunezinhlamvu.