Michelle Barker minu lemmik sorta ajaveebipostitusega: lühike, praktiline ja jätab teie aja jaoks väärtusliku tüki. Siin ta läheb CSS-is loogiliste omaduste stenogrammidesse, eriti need, mis määravad pikkused ainult ühele teljele, näiteks ainult ploki (vertikaalsele) teljele või ainult sisemisele (horisontaalsele) teljele.
Ma ütlen "block" ja "inline", sest mis puudutab loogilisi omadusi, siis x-telg võib sama hästi käituda nagu vertikaaltelg, sõltuvalt voolust. writing-mode.
Niisiis, kus meil alati olnud on padding, marginja border stenogrammid, mis võivad toetada mitme väärtusega süntaksit, ei võimalda ükski neist meil teatud telje pikkusi deklareerida, määramata pikkust ka teisele teljel.
Näiteks:
/* This gives us margin on the inline axis */
margin: 0 3rem;…aga sinna jõudmiseks pidime seadma teise telje. Loogiliste omadustega on meil aga iga telje jaoks täiendavad lühidad, mis tähendab, et saame näpunäiteid teha margin-inline stenogramm konkreetselt siseteljel töötamiseks:
margin-inline: 3rem;Michelle mainib möödaminnes mu lemmikut loogilise omaduse stenogrammi. Mitu korda positsioneerite midagi sellist viisi:
.position-me {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}Me saame need neli rida sisse viia inset: 0. Või võime sihtida otse ploki ja tekstisisest telge inset-block ja inset-inline, Vastavalt.
Kui me räägime stenogrammidest, siis mulle meeldib alati hoiatada "juhuslik" CSS lähtestab. Ainult üks neist tavalisemad CSS-i vead.
