CSS సరిహద్దులు సరిహద్దు కన్నా ఎక్కువ
CSS అవుట్లైన్ ఆస్తి గందరగోళంగా ఆస్తి. మీరు మొదట దాని గురించి తెలుసుకున్నప్పుడు, సరిహద్దు లక్షణం నుండి కూడా దూరం ఎలా భిన్నంగా ఉందో అర్థం చేసుకోవడం కష్టం. W3C ఈ క్రింది తేడాలు కలిగి ఉన్నట్లు వివరిస్తుంది:
- అవుట్లైన్లు స్థలాన్ని తీసుకోవు.
- సరిహద్దులు దీర్ఘచతురస్రాకారంగా ఉండవచ్చు.
స్థలాలను ఖాళీ చేయకండి
ఈ ప్రకటన, దానిలో మరియు దానిలో గందరగోళంగా ఉంది. మీ వెబ్ పేజీలో ఒక వస్తువు ఎలా వెబ్ పేజీలో స్థలాన్ని తీసుకోదు? కానీ మీరు మీ వెబ్ పేజీని ఒక ఉల్లిపాయ వలె భావిస్తే, పేజీలోని ప్రతి అంశాన్ని మరొక అంశం పైన పొరలుగా ఉంచవచ్చు. సరిహద్దు ఆస్తి స్థలాన్ని తీసుకోదు ఎందుకంటే ఎలిమెంట్ యొక్క బాక్స్ పైన ఎల్లప్పుడూ ఉంచుతారు.
ఒక మూలకం ఒక మూలకం చుట్టూ ఉంచుకున్నప్పుడు, ఆ అంశంపై ఎలాంటి అంశంపై ఎలాంటి ప్రభావం ఉండదు. ఇది మూలకం యొక్క పరిమాణం లేదా స్థానం మారదు. మీరు ఒక మూలకాన్ని ఒక సరిహద్దులో ఉంచుకుంటే, ఆ మూలకం యొక్క ఆకారం మీకు లేనట్లయితే అది అదే మొత్తం స్థలాన్ని పడుతుంది. సరిహద్దుకు ఇది నిజం కాదు. మూలకం యొక్క వెలుపలి వెడల్పు మరియు ఎత్తుకు ఒక మూలకం యొక్క అంచు జోడించబడుతుంది. మీరు ఒక పిక్సెల్ వెడల్పు ఉన్న ఒక చిత్రాన్ని కలిగి ఉంటే, 2-పిక్సెల్ సరిహద్దుతో, అది 54 పిక్సెళ్ళు (ప్రతి వైపు సరిహద్దుకు 2 పిక్సెళ్ళు) పడుతుంది. 2-పిక్సెల్ ఆకారంతో ఉన్న అదే చిత్రం మీ పేజీలో 50 పిక్సెల్ వెడల్పు మాత్రమే పడుతుంది, ఈ వెడల్పు ఇమేజ్ వెలుపలి అంచు మీద ప్రదర్శించబడుతుంది.
రూపురేఖలు కాని దీర్ఘచతురస్రాకారము కావచ్చు
మీరు "చల్లగా, ఇప్పుడు నేను సర్కిల్లను డ్రా చేయవచ్చు!" మరలా ఆలోచించు. ఈ ప్రకటన మీరు ఆలోచించిన దాని కంటే వేరే అర్థాన్ని కలిగి ఉంది. మీరు ఒక అంశంపై సరిహద్దుని చాలు చేసినప్పుడు, ఒక పెద్ద దీర్ఘచతురస్రాకారపు బాక్స్ వలె బ్రౌసర్ మూలకాన్ని అంచనా వేస్తుంది. బాక్స్ అనేక పంక్తుల మీద చీలిపోయి ఉంటే, ఆ పెట్టె మూసివేయబడనందున బ్రౌసర్ అంచులను తెరుస్తుంది. బ్రౌసర్ సరిహద్దును అనంతంగా విస్తృత తెరతో సరిహద్దును చూస్తున్నట్లయితే, ఆ సరిహద్దు కోసం తగినంత నిరంతర దీర్ఘ చతురస్రం ఉంటుంది.
దీనికి విరుద్ధంగా, అవుట్లైన్ ఆస్తి అంచులను పరిగణనలోకి తీసుకుంటుంది. ఒక తరహా మూలకం అనేక పంక్తులను విస్తరించింది ఉంటే, సరిహద్దు రేఖ ముగింపులో మూసివేసి, తరువాత వరుసలో మళ్లీ మళ్లీ ఉంటుంది. సాధ్యమైతే, సరిహద్దు పూర్తిగా అనుసంధానించబడి, అలాగే దీర్ఘచతురస్రాకార ఆకృతిని సృష్టిస్తుంది.
అవుట్లైన్ ఆస్తి యొక్క ఉపయోగాలు
అవుట్లైన్ ఆస్తి యొక్క ఉత్తమ ఉపయోగాల్లో ఒకటి శోధన పదాలను హైలైట్ చేయడం. అనేక సైట్లు నేపథ్య రంగుతో దీన్ని చేస్తాయి, కానీ మీరు సరిహద్దు లక్షణాన్ని కూడా ఉపయోగించవచ్చు మరియు మీ పేజీల్లో అదనపు ఖాళీని జోడించడం గురించి చింతించకూడదు.
సరిహద్దు రంగు ఆస్తి "విలోమం" అనే పదాన్ని అంగీకరిస్తుంది, ఇది ప్రస్తుత నేపథ్యం యొక్క సరిహద్దు రంగుని చేస్తుంది. రంగులు ఉపయోగించడం ఏమిటో తెలుసుకోకుండానే డైనమిక్ వెబ్ పేజీలలో ఎలిమెంట్లను హైలైట్ చేయడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది.
క్రియాశీల లింకులతో చుక్కల రేఖను తొలగించడానికి మీరు సరిహద్దు లక్షణాన్ని ఉపయోగించవచ్చు. CSS- ఉపాయాలు నుండి ఈ వ్యాసం చుక్కల సరిహద్దు తొలగించడానికి ఎలా చూపిస్తుంది.