CSS విక్రేత ప్రిఫిక్స్

వారు మరియు ఎందుకు మీరు వాటిని ఉపయోగించాలి

CSS విక్రేత పూర్వపదాలను కూడా కొంతకాలం లేదా CSS బ్రౌజర్ పూర్వపదాలను చెప్పవచ్చు, బ్రౌసర్ మేకర్స్కు క్రొత్త CSS లక్షణాల కోసం మద్దతునివ్వడానికి ముందు అన్ని బ్రౌజర్లలోనూ ఆ ఫీచర్ లకు పూర్తిగా మద్దతివ్వడానికి ఒక మార్గం. బ్రౌజర్ తయారీదారు ఈ నూతన CSS లక్షణాలను ఎలా అమలు చేయాలో సరిగ్గా గుర్తించే పరీక్ష మరియు ప్రయోగాత్మక వ్యవధిలో ఇది చేయవచ్చు. ఈ ఆదిప్రత్యయం కొన్ని సంవత్సరాల క్రితం CSS3 యొక్క పెరుగుదలతో బాగా ప్రాచుర్యం పొందింది.

CCS3 మొట్టమొదటిసారిగా ప్రవేశపెట్టినప్పుడు, ఎన్నో ఉత్తేజిత లక్షణాలు వేర్వేరు సమయాల్లో వేర్వేరు బ్రౌజర్లను కొట్టడం మొదలైంది. ఉదాహరణకు, వెబ్కిట్-శక్తితో ఉన్న బ్రౌజర్లు (సఫారి మరియు క్రోమ్) పరివర్తనం మరియు పరివర్తనం వంటి కొన్ని యానిమేషన్-తరహా లక్షణాలను ప్రవేశపెట్టిన మొట్టమొదటివి. విక్రేత ప్రిఫిక్డ్ గుణాలను ఉపయోగించడం ద్వారా, వెబ్ డిజైనర్లు వారి పనిలో ఆ కొత్త లక్షణాలను ఉపయోగించుకోగలిగారు మరియు అందుకు ప్రతి ఇతర బ్రౌజర్ తయారీదారుని ఎదుర్కోడానికి బదులుగా వేచి ఉండటానికి బదులు వారికి వెంటనే మద్దతు ఇచ్చే బ్రౌజర్లు చూడవచ్చు!

సో ఫ్రంట్-ఎండ్ వెబ్ డెవలపర్ యొక్క దృక్పథం నుండి, బ్రౌజర్ ఆదిప్రత్యేకతలు బ్రౌసర్ లు ఆ శైలులకు మద్దతిస్తాయనే సౌలభ్యతను కలిగి ఉండగా సైట్లో క్రొత్త CSS లక్షణాలను చేర్చడానికి ఉపయోగిస్తారు. వేర్వేరు బ్రౌజర్ తయారీదారులు కొద్దిగా వేర్వేరు మార్గాల్లో లేదా విభిన్న వాక్యనిర్మాణంలో లక్షణాలను అమలు చేసినప్పుడు ఇది ప్రత్యేకంగా ఉపయోగపడుతుంది.

CSS బ్రౌజర్ (మీరు వేరొక బ్రౌజర్కి ప్రత్యేకమైనది) వీటిని ఉపయోగించవచ్చని ఆప్టిక్స్:

• Android: -webkit-
• Chrome: -webkit-
• Firefox: -moz-
• ఇంటర్నెట్ ఎక్స్ప్లోరర్: -MS-
• iOS: -webkit-
• Opera: -o-
• Safari: -webkit-

చాలా సందర్భాలలో, ఒక బ్రాండ్ కొత్త CSS శైలి లక్షణాన్ని ఉపయోగించడానికి, మీరు ప్రామాణిక CSS ఆస్తి తీసుకొని ప్రతి బ్రౌజర్ కోసం ఉపసర్గ జోడించండి. సాధారణ CSS ఆస్తి గత వచ్చినప్పుడు ముందుగానే సంస్కరణలు ఎల్లప్పుడూ మొదట వచ్చేవి. ఉదాహరణకు, మీరు మీ పత్రానికి ఒక CSS3 బదిలీని జోడించాలనుకుంటే, క్రింద చూపిన విధంగా మీరు పరివర్తన ఆస్తిని ఉపయోగించాలి:

-వెబ్కిట్- పరివర్తనం: అన్ని 4s సౌలభ్యం;
-moz- మార్పు: అన్ని 4s సౌలభ్యం;
-ms- మార్పు: అన్ని 4s సౌలభ్యం;
-O- పరివర్తనం: అన్ని 4s సౌలభ్యం;
పరివర్తనం: అన్ని 4s సౌలభ్యం;

గమనిక: గుర్తుంచుకోండి, కొన్ని బ్రౌజర్లు ఇతరుల కంటే కొన్ని లక్షణాలకు వేర్వేరు సింటాక్స్ కలిగివుంటాయి, కాబట్టి ఆస్తి యొక్క బ్రౌజర్-ప్రిఫిక్డ్ వెర్షన్ సరిగ్గా ప్రామాణిక ఆస్తి వలె ఉంటుంది అని అనుకోకండి. ఉదాహరణకు, ఒక CSS ప్రవణత సృష్టించడానికి, మీరు సరళ-ప్రవణత ఆస్తిని ఉపయోగిస్తారు. ఫైర్ఫాక్స్, ఒపేరా మరియు క్రోమ్ మరియు సఫారి యొక్క ఆధునిక సంస్కరణలు క్రోమ్ మరియు సఫారి యొక్క ముందలి సంస్కరణలు పూర్వపు సంపదను ఉపయోగిస్తాయి -వెబ్కిట్-ప్రవణతని ఉపయోగించేటప్పుడు తగిన ఆదిప్రత్యయంతో ఆ ఆస్తిని ఉపయోగిస్తాయి. అలాగే, ఫైర్ఫాక్స్ ప్రామాణిక వాటి కంటే విభిన్న విలువలను ఉపయోగిస్తుంది.

మీరు మీ డిక్లరేషన్ను ఎప్పటికప్పుడు ముగించాలంటే CSS ఆస్తుల యొక్క సాధారణ, కాని ప్రీపెక్స్డ్ వెర్షన్ కాబట్టి ఒక బ్రౌజర్ నియమానికి మద్దతు ఇచ్చినప్పుడు, అది ఒకదాన్ని ఉపయోగిస్తుంది. CSS ఎలా చదివారో గుర్తుంచుకోండి. విశిష్టత ఒకే విధంగా ఉంటే తదుపరి నియమాలు ముందుగానే వాటికి ప్రాధాన్యత ఇవ్వబడతాయి, కాబట్టి బ్రౌజర్ ఒక నియమావళి యొక్క విక్రేత సంస్కరణను చదివి వినిపించింది మరియు ఇది సాధారణ మద్దతును సమర్ధించకపోతే, అది ఒకసారి విక్రేత సంస్కరణను భర్తీ చేస్తుంది అసలు CSS నియమం.

విక్రేత ప్రిఫిక్స్లు ఒక హాక్ కాదు

విక్రేత పూర్వపదాలను మొదటిసారి ప్రవేశపెట్టినప్పుడు, అనేక వెబ్ నిపుణులు వారు ఒక హాక్ లేదా షిఫ్ట్ తిరిగి వచ్చినట్లయితే, భిన్న బ్రౌజర్లు ( ఈ సైట్ " ఉత్తమంగా IE చూచుటకు " సందేశాలను గుర్తుంచుకోవాలి) గుర్తుంచుకోవడానికి ఒక వెబ్ సైట్ యొక్క కోడ్ను కొల్లగొట్టే చీకటి రోజులకి తిరిగి వెళ్ళు. CSS విక్రేతలు పూర్వపదాలను అయితే, హక్స్ కాదు మరియు మీరు మీ పని వాటిని ఉపయోగించి గురించి ఎటువంటి రిజర్వేషన్లు కలిగి ఉండాలి.

ఒక CSS హాక్ సరిగ్గా పని మరొక ఆస్తి పొందడానికి మరొక మూలకం లేదా ఆస్తి అమలు లో లోపాలు దోపిడీ. ఉదాహరణకు, బాక్స్ మోడల్ హాక్ వాయిస్-ఫ్యామిలీ ఆస్తి పార్సింగులో దోపిడీలు దోపిడీలు లేదా బ్రౌసర్ బ్యాక్సల్స్ను (\) ఎలా అన్వయించాలో. కానీ ఇంటర్నెట్ ఎక్స్ప్లోరర్ 5.5 బాక్స్ మోడల్ను ఎలా నిర్వహించాలో మరియు నెట్స్కేప్ ఎలా అన్వయించిందో, మరియు వాయిస్ ఫ్యామిలీ స్టైల్తో ఎలాంటి సంబంధం కలిగి ఉండకపోవచ్చనే దాని మధ్య వ్యత్యాసాన్ని పరిష్కరించడానికి ఈ హక్స్ ఉపయోగించబడ్డాయి. కృతజ్ఞతగా ఈ రెండు పాత బ్రౌజర్లు మేము ఈ రోజుల్లో మమ్మల్ని ఆందోళన కలిగి లేవు.

ఒక విక్రేత ఉపసర్గ హాక్ కాదు ఎందుకంటే ఇది ఆస్తి ఎలా అమలు చేయవచ్చనే దానిపై నియమాలను నిర్దేశించడానికి అనుమతిస్తుంది, అదే సమయంలో బ్రౌజర్ తయారీదారులు మిగిలిన వస్తువులను విచ్ఛిన్నం కాకుండా వేరే విధంగా ఆస్తిని అమలు చేయడానికి అనుమతిస్తుంది. అంతేకాకుండా, ఈ ఆదిప్రత్యేకతలు CSS లక్షణాలతో పని చేస్తాయి, ఇవి చివరికి వివరణలో భాగంగా ఉంటాయి . మేము ప్రారంభంలో ఆస్తి ప్రాప్తి చేయడానికి కొన్ని కోడ్ను జోడించాము. మీరు సాధారణ, కాని ప్రీప్సిక్డ్ ఆస్తితో CSS నియమాన్ని ముగించే మరొక కారణం. పూర్తి బ్రౌజర్ మద్దతు సాధించిన తర్వాత ఆ విధంగా మీరు ముందు వెర్షన్లు డ్రాప్ చెయ్యవచ్చు.

ఒక నిర్దిష్ట ఫీచర్ కోసం బ్రౌజర్ మద్దతు ఏమిటో తెలుసుకోవాలనుకుంటున్నారా? వెబ్ సైట్ CanIUse.com ఈ సమాచారం సేకరించి మరియు మీరు బ్రౌజర్లు, మరియు ఆ బ్రౌజర్లు ఏ వెర్షన్లు, ప్రస్తుతం ఒక ఫీచర్ మద్దతు తెలియజేసినందుకు ఒక అద్భుతమైన వనరు.

విక్రేత ప్రిఫిక్స్లు బాధించేవి కానీ తాత్కాలికమైనవి

అవును, అన్ని బ్రౌజర్లలో పనిచేయడానికి లక్షణాలను 2-5 సార్లు రాయడానికి బాధించే మరియు పునరావృతమయ్యే అవకాశం ఉంది, కానీ ఇది తాత్కాలిక పరిస్థితి. ఉదాహరణకు, కేవలం కొన్ని సంవత్సరాల క్రితం, ఒక బాక్స్ లో గుండ్రని మూలలో సెట్ మీరు వ్రాయడానికి కలిగి:

-మోజ్-సరిహద్దు-వ్యాసార్థం: 10px 5px;
-వెబ్కిట్ సరిహద్దు-ఎగువ-ఎడమ-వ్యాసార్థం: 10px;
-వెబ్కిట్ సరిహద్దు-కుడి-కుడి-వ్యాసార్థం: 5px;
-వెబ్కిట్ సరిహద్దు-దిగువ-కుడి-వ్యాసార్థం: 10px;
-వెబ్కిట్ సరిహద్దు-క్రింద-ఎడమ-వ్యాసార్థం: 5px;
సరిహద్దు-వ్యాసార్థం: 10px 5px;

కానీ ఇప్పుడు ఆ బ్రౌజర్లు ఈ ఫీచర్కు పూర్తిగా మద్దతివ్వటానికి వచ్చాయి, మీరు నిజంగా ప్రామాణికమైన వెర్షన్ మాత్రమే అవసరం:

సరిహద్దు-వ్యాసార్థం: 10px 5px;

సంస్కరణ 5.0 నుండి ఫైర్ఫాక్స్ CSS3 ఆస్తికి మద్దతు ఇచ్చింది, ఫైర్ఫాక్స్ వెర్షన్ 4.0 లో జత చేసింది, సఫారి 5.0 లో, 10.5 లో Opera, 4.0 లో iOS మరియు 2.1 లో Android లో జోడించారు. కూడా ఇంటర్నెట్ ఎక్స్ప్లోరర్ 9 ఉపసర్గ లేకుండా మద్దతు ఇస్తుంది (మరియు IE 8 మరియు దిగువ దానితో లేదా పూర్వపదాలను లేకుండా మద్దతు లేదు).

బ్రౌజర్లు ఎల్లవేళలా మారిపోతున్నాయని గుర్తుంచుకోండి మరియు పాత బ్రౌజర్లను మద్దతు ఇచ్చే సృజనాత్మక విధానాలు మీరు చాలా ఆధునిక పద్ధతులకు వెనుక ఉన్న వెబ్ పేజీలను నిర్మించటానికి ప్రణాళిక చేస్తున్నప్పుడు తప్పనిసరి అవుతుంది. అంతిమంగా, బ్రౌజర్ పూర్వపదాలను వ్రాయడం అనేది దోషాలను గుర్తించడం మరియు దోపిడీ చేయడం కంటే చాలా సులభంగా ఉంటుంది, ఇది భవిష్యత్ సంస్కరణలో ఎక్కువగా పరిష్కరించబడుతుంది, మీరు దోపిడీ కోసం మరొక దోషాన్ని గుర్తించాలని కోరతారు.