CSS-outline-stylen

CSS-sketsen binne mear dan allinich in grins

It CSS- rigel-eigendom is in ferrassende eigendom. As jo ​​earst learje, is it dreech te begripen hoe't it ek ôfwikseljend is fan it grinsbesit. De W3C ferklearret it as de folgjende ferskillen:

Utwurkers meitsje gjin romte op

Dizze ferklearring, yn en fan himsels is ferwûndere. Hoe kin in objekt op jo webside net opnimme op de webside? Mar as jo tinke oan jo webside as se as in sipel tinke, kin elk item op 'e side lizze op boppe in oar item. It omskatteligens nimt gjin romte om't it altyd op 'e boppekant fan it elemint pleatst wurdt.

As in rigel om in elemint pleatst, hat it gjin effekt op hoe't dat elemint op 'e side lizze wurdt. It feroaret de grutte of posysje fan elemint net. As jo ​​in rigel op in elemint sette, dan sil itselde oantal romte opnimme as as jo gjin reden hawwe fan dat elemint. Dit is net wier fan in grins. In râneband op in elemint wurdt tafoege oan de bûtenbreedte breedte en hichte fan it elemint. Dus as jo in byld hawwe dat 50 piksels breed wie, mei in 2-pikselrâne, soe dit 54 piksels nimme (2 piksels foar elke siderâne). Dit selde ôfbylding mei in 2-pixel-skrappe soe 50 piksels breed wêze op jo side, de rûte soe werjûn wurde oer de bûtenkant fan it byld.

Kontrôles kinne net-rjochthoekich wêze

Foardat jo tinke "cool, no kin ik sirkels tekenje!" Tink nochris. Dizze ferklearring hat in oare betsjutting as jo tinke kinne. As jo ​​in grins sette op in elemint, skriuwt de browser it elemint as wie it ien gjalke rechteangele fekje. As it fekje op ferskate rigels splitst wurdt, lit de browser allinich de rânen iepenje omdat it fek net sletten is. It liket as de blêder de grins sjen lit mei in finaal breed skerm - breed genôch foar dy grins om ien kontinuorrend rechteel te wêzen.

Yn tsjinstelling ta nimt it omlizzende eigendom de rânen yn behanneling. As in elemint elemint meardere rigels draacht, slút de rigel oan 'e ein fan' e rigel en wer op 'e neikommende rige wer opnij. As it mooglik is, sil de kontrôle folslein ferbûn bliuwe, in net-rechteangele foarm meitsje.

Gebrûk fan 'e haadlinen eigendom

Ien fan 'e bêste gebrûk fan' e rigelseakel is om sykbegripen te markearjen. In protte sites meitsje dit mei in eftergrûnkleur, mar jo kinne ek de omskriuwing eigendom brûke en net fertrouwe oer it tafoegjen fan in ekstra ôfstân op jo siden.

It omskriuwing-kleurige eigendom akseptearret de term "ynwreidzje" dy't de omkearde kleur fan 'e aktuele eftergrûn makket. Hjirmei kinne jo eleminten op dynamyske websiden markearje sûnder dat jo witte wolle hokker kleuren brûkt wurde .

Jo kinne ek de omskriuwing eigendom brûke om de puntearre rigel om aktive keppelings te ferwiderjen. Dit artikel fan CSS-Tricks lit sjen hoe't jo de puntearre rigel fuortsmite.