Përmbledhjet e CSS janë më shumë se një kufi
Prona e përmbledhur e CSS është një pronë konfuze. Kur mësoni për herë të parë, është e vështirë të kuptoni se si është distanca nga distanca kufitare. W3C shpjegon se ka dallimet e mëposhtme:
- Përshkrimet nuk marrin hapësirë.
- Linjat mund të jenë jo-drejtkëndore.
Përshkrimet nuk marrin hapësirë
Kjo deklaratë, në vetvete është konfuze. Si mundet një objekt në web faqen tuaj të mos marrë hapësirë në faqen e internetit? Por në qoftë se ju mendoni se faqja juaj Web është si një qepë, çdo artikull në faqe mund të shtohet në krye të një artikulli tjetër. Pronë e skajit nuk merr hapësirë sepse gjithmonë vendoset në krye të kutisë së elementit.
Kur një skicë vendoset rreth një elementi, ajo nuk ka ndonjë efekt në atë se si ky element është hedhur në faqe. Nuk ndryshon madhësinë ose pozicionin e elementit. Nëse vendosni një skicë në një element, ajo do të marrë të njëjtën hapësirë sikur të mos keni një skicë të atij elementi. Kjo nuk është e vërtetë për një kufi. Një kufi mbi një element shtohet në gjerësinë dhe lartësinë e jashtme të elementit. Pra, nëse do të kishit një imazh të gjerë prej 50 piksish, me një kufi me 2 pixel, do të merrte 54 piksela (2 piksele për secilën kufi anësor). E njëjta imazh me një skicë prej 2 pixel do të zgjaste vetëm 50 pixels gjerësi në faqen tuaj, skicë do të shfaqet mbi skajin e jashtëm të imazhit.
Përshkrimet mund të jenë jo-drejtkëndëshe
Para se të filloni të mendoni "cool, tani unë mund të tërheqë qarqet!" Mendohu perseri. Kjo deklaratë ka një kuptim tjetër nga ç'mund të mendoni. Kur vendosni një kufi në një element, shfletuesi interpreton elementin sikur të ishte një kuti gjigande drejtkëndëshe. Nëse kutia ndahet përgjatë disa rreshtave, shfletuesi vetëm i lë skajet të hapura sepse kutia nuk është e mbyllur. Është sikur shfletuesi po sheh kufirin me një ekran pafundësisht të gjerë, aq sa për atë kufi të jetë një drejtkëndësh i vazhdueshëm.
Në të kundërt, prona e skajit merr në konsideratë skajet. Nëse një element i përshkruar përfshin disa rreshta, skica mbyllet në fund të vijës dhe rihapet përsëri në vijën tjetër. Nëse është e mundur, skica do të mbetet plotësisht e lidhur, duke krijuar një formë jo-drejtkëndore.
Përdorimet e pronës së skajshme
Një nga përdorimet më të mira të pronës së përmbledhur është të nënvizoni termat e kërkimit. Shumë faqe e bëjnë këtë me një ngjyrë të sfondit, por gjithashtu mund të përdorni pronën skajore dhe mos u shqetësoni për të shtuar ndonjë hapësirë shtesë në faqet tuaja.
Pronësia e skalës së ngjyrave e pranon termin "invert", që e bën ngjyrën e skajit inversi i sfondit aktual. Kjo ju lejon të nxjerrni në pah elementet në faqet dinamike të Uebit pa pasur nevojë të dini se cilat janë ngjyrat .
Ju gjithashtu mund të përdorni pronën skicë për të hequr vijën e vijëzuar rreth lidhjeve aktive. Ky artikull nga CSS-Tricks tregon se si të hiqet skica me pika.