CSS Outline Styles

CSS Skulpturen sinn méi wéi nëmmen eng Grenz

D' CSS Umeldungsimmobilie ass eng verwirrend Eegeschafte. Wann Dir éischt dovun léiert, et ass schwéier ze verstoen, wéi et och wäit vun der Grenzregioun ass. De W3C erklärt et als folgend Ënnerscheeder:

Outlines Huelt net Plaz

Dës Ausso, an an sech selwer verwiesselt. Wéi kann en Objet op der Websäit net op der Websäit Plaz ophuelen? Awer wann Dir iwwer Är Websäit denkt, wéi en Ënnerzeechen, kann all Element op der Säit op enger anerer Plaz geschitt ginn. De richtege Propriété ass net oproméiert, well et ëmmer op der Këscht vum Element stécht.

Wann e Rendez-vous um Element ass, huet se keng Auswierkungen op wéi dësen Element op der Säit geläscht gëtt. Et ännert d'Gréisst oder d'Positioun vum Element net änneren. Wann Dir eng Skizz op engem Element setze wäert, da gëtt et déiselwecht Betrag wéi de Fall, wéi wann Dir kee Plang vun deem Element huet. Dëst ass net richteg fir eng Grenz. Eng Grenz op engem Element gëtt op d'Héicht an d'Héicht vum Element addéiert. Also wann Dir e Bild huet , dat 50 Pixel breed ass, mat enger 2-Pixel Grenz, da wäert et 54 Pixelen (2 Pixel fir all Säit Grenz) huelen. Dat selwecht Bild mat enger 2-Pixel-Skala fënns nëmme 50 Pixel Breed op der Säit, déi Deckel wärend de richtegen Rand vum Bild.

Outlines Kann net non-rectangular sinn

Éier Dir denkt un "cool, elo kann ech Kreiser maachen"! Denk nach eng Kéier. Dës Erklärung huet eng aner Bedeitung wéi Dir denkt. Wann Dir eng Grenz op engem Element setzen, interpretéiert de Browser den Element als ob et eng giwen rechteckfäeg Këscht war. Wann d'Këscht op e puer Zeilen opgespléckt gëtt, bleift de Browser just déi Kante verléisst, well d'Këscht net zougemaach gëtt. Et ass wéi wann de Browser d'Grenze mat enger onendlech breet Bildschreift gesinn - wäit genuch fir dës Grenze bis zu engem bestëmmten Rechteck.

Am Géigendeel, d'Rigueurimm iwwerhëlt Kanten a Berücksicht. Wann e skizzéierte Element méi Linnen kuckt, schreift de rhythmus am Enn vun der Linn an nees op der nächster Linn op. Wann et méiglech ass, gëtt den Outline och ganz verbonne bleiwen, en net-rechtwinklere Form ze schafen.

Verwäertung vun der Outline Property

Ee vun de beschten Notzungsbedéngungen vun der Conclusiounsgewiicht ass fir Sichbegrëffer ze markéieren. Vill Siten maachen dat mat enger Hannergrondfaarw, awer Dir kënnt och d'Conclusiounseigenschaft benotzen an net sech Gedanken iwwert all aner Extraabschnëtter op Är Säiten.

De räiche Faarffeeg acceptéiert de Begrëff "invers", wat de Rhythmus de Invers vum aktuellen Background mécht. Dëst erméiglecht Iech Elementer op dynamesche Websäiten opzeliesen, ouni datt Dir wësst wat d' Faarwen benotzt ginn .

Dir kënnt och d'Conclusiounseigenschaft benotzen fir d'gepentelt Zeil um aktive Link ze fuehren. Dësen Artikel aus CSS-Tricks weist wéi d'Punkte rullt.