Michelle Barker z mojo najljubšo objavo na spletnem dnevniku sorta: kratka, praktična in vam pusti dragoceno kepico za vaš čas. tukaj, zaide v okrajšave logičnih lastnosti v CSS, zlasti tiste, ki določajo dolžine samo na eni osi, recimo samo na blokovni (navpični) osi ali samo na inline (vodoravni) osi.
Pravim »blok« in »inline«, ker bi se lahko, kar zadeva logične lastnosti, os x prav tako obnašala kot navpična os, odvisno od trenutne writing-mode.
Torej, kjer smo vedno bili padding, marginin border stenografij, ki lahko podpirajo sintakso z več vrednostmi, nobena od njih ne dovoljuje, da deklariramo dolžine na določeni osi, ne da bi nastavili tudi dolžino na drugi osi.
Na primer:
/* This gives us margin on the inline axis */
margin: 0 3rem;… vendar smo morali nastaviti drugo os, da smo prišli tja. Z logičnimi lastnostmi pa imamo dodatne okrajšave za vsako os, kar pomeni, da se lahko poglobimo margin-inline okrajšava za delo posebej na inline osi:
margin-inline: 3rem;Michelle mimogrede omeni mojo najljubšo stenografijo logičnih lastnosti. Kolikokrat postavite nekaj na to melodijo:
.position-me {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}Te štiri vrstice lahko vključimo inset: 0. Lahko pa ciljamo neposredno na blok in inline os inset-block in inset-inlineOz.
Medtem ko govorimo o stenografiji, vedno rad opozorim »naključne« ponastavitve CSS. Samo eden od pogoste napake CSS, ki jih delam.
