Mae amlinelliadau CSS yn fwy na dim ond ffin
Mae amlinelliad CSS yn eiddo dryslyd. Pan fyddwch chi'n dysgu am y tro cyntaf, mae'n anodd deall sut y mae hyd yn oed yn wahanol i eiddo'r ffin. Mae'r W3C yn esbonio bod ganddo'r gwahaniaethau canlynol:
- Nid yw amlinelliadau yn cymryd lle.
- Gall amlinelliadau fod yn rhai hirsgwar.
Amlinelliadau Peidiwch â Chynnal Gofod
Mae'r datganiad hwn, ynddo'i hun, yn ddryslyd. Sut na all gwrthrych ar eich tudalen We gymryd lle ar y We? Ond os ydych chi'n meddwl bod eich tudalen We fel nionyn, efallai y bydd pob eitem ar y dudalen yn haen ar ben eitem arall. Nid yw'r eiddo amlinellol yn cymryd lle oherwydd ei fod bob amser yn cael ei osod ar ben blwch yr elfen.
Pan roddir amlinelliad o gwmpas elfen, nid oes ganddo unrhyw effaith ar sut y caiff yr elfen honno ei gosod ar y dudalen. Nid yw'n newid maint neu sefyllfa'r elfen. Os rhowch amlinelliad ar elfen, bydd yn cymryd yr un faint o le fel pe na bai gennych amlinelliad o'r elfen honno. Nid yw hyn yn wir am ffin. Mae ffin ar elfen yn cael ei ychwanegu at led a uchder allanol yr elfen. Felly, pe bai gennych ddelwedd oedd 50 picsel o led, gyda ffin 2-pixel, byddai'n cymryd 54 picsel (2 picsel ar gyfer pob ochr). Byddai'r un ddelwedd gydag amlinell 2-picel yn cymryd dim ond 50 lled picsel ar eich tudalen, byddai'r amlinelliad yn dangos dros ymyl allanol y ddelwedd.
Amlinellu Mai Gall fod yn Anghyfanganglaidd
Cyn i chi ddechrau meddwl "oer, nawr gallaf dynnu cylchoedd!" Meddwl eto. Mae gan y datganiad hwn ystyr gwahanol nag y gallech feddwl. Pan fyddwch chi'n gosod ffin ar elfen, mae'r porwr yn dehongli'r elfen fel petai'n un blwch petryal mawr. Os yw'r blwch yn cael ei rannu dros sawl llinell, mae'r porwr yn gadael yr ymylon yn agored oherwydd nad yw'r blwch ar gau. Mae fel pe bai'r porwr yn gweld y ffin gyda digon o sgrin anferthol eang ar gyfer y ffin honno i fod yn un petryal barhaus.
Mewn cyferbyniad, mae'r eiddo amlinellol yn ystyried ymylon. Os yw elfen a amlinellir yn cwmpasu sawl llinellau, mae'r amlinell yn cau ar ddiwedd y llinell ac yn ailagor eto ar y llinell nesaf. Os yn bosibl, bydd yr amlinelliad yn parhau i fod yn gwbl gysylltiedig hefyd, gan greu siâp di-hirsgwar.
Defnydd o'r Eiddo Amlinellol
Un o ddefnydd gorau'r eiddo amlinellol yw tynnu sylw at delerau chwilio. Mae llawer o safleoedd yn gwneud hyn gyda lliw cefndir, ond gallwch hefyd ddefnyddio'r eiddo amlinellol a pheidio â phoeni am ychwanegu unrhyw le ychwanegol ar eich tudalennau.
Mae'r eiddo amlinellol yn derbyn y term "gwrthdro" sy'n golygu bod yr amlinelliad o liw yn wrthdroi'r cefndir presennol. Mae hyn yn eich galluogi i dynnu sylw at elfennau ar dudalennau Gwe dynamig heb fod angen gwybod pa lliwiau a ddefnyddir .
Gallwch hefyd ddefnyddio'r eiddo amlinellol i gael gwared ar y llinell darn o amgylch cysylltiadau gweithredol. Mae'r erthygl hon gan CSS-Tricks yn dangos sut i gael gwared â'r amlinelliad dot.