CSS విక్రేత పూర్వపదాలను, కొన్నిసార్లు కొన్నిసార్లు లేదా CSS బ్రౌజర్ ఆదిప్రత్యయాలు అని పిలుస్తారు, బ్రౌసర్ మేకర్స్కు కొత్త CSS లక్షణాల కోసం మద్దతునివ్వడానికి, ఆ ఫీచర్లను పూర్తిగా అన్ని బ్రౌజర్లలో మద్దతు ఇవ్వడానికి ఒక మార్గం. బ్రౌజర్ తయారీదారు ఈ నూతన CSS లక్షణాలను ఎలా అమలు చేయాలో సరిగ్గా గుర్తించే పరీక్ష మరియు ప్రయోగాత్మక వ్యవధిలో ఇది చేయవచ్చు. ఈ ఆదిప్రత్యయం కొన్ని సంవత్సరాల క్రితం CSS3 యొక్క పెరుగుదలతో బాగా ప్రాచుర్యం పొందింది.
CCS3 మొట్టమొదటిసారిగా ప్రవేశపెట్టినప్పుడు, ఎన్నో ఉత్తేజిత లక్షణాలు వేర్వేరు సమయాల్లో వేర్వేరు బ్రౌజర్లను కొట్టడం మొదలైంది. ఉదాహరణకు, వెబ్కిట్-శక్తితో ఉన్న బ్రౌజర్లు (సఫారి మరియు క్రోమ్) పరివర్తనం మరియు పరివర్తనం వంటి కొన్ని యానిమేషన్-తరహా లక్షణాలను పరిచయం చేసిన మొదటివి. విక్రేత ప్రిఫిక్డ్ గుణాలను ఉపయోగించడం ద్వారా, వెబ్ డిజైనర్లు వారి పనిలో ఆ కొత్త లక్షణాలను ఉపయోగించుకోగలిగారు మరియు అందుకు ప్రతి ఇతర బ్రౌజర్ తయారీదారుని ఎదుర్కోడానికి బదులుగా వేచి ఉండటానికి బదులు వారికి వెంటనే మద్దతు ఇచ్చే బ్రౌజర్లు చూడవచ్చు!
సో ఫ్రంట్-ఎండ్ వెబ్ డెవలపర్ యొక్క దృక్పథం నుండి, బ్రౌజర్ ఆదిప్రత్యేకతలు బ్రౌసర్ లు ఆ శైలులకు మద్దతిస్తాయనే సౌలభ్యతను కలిగి ఉండగా సైట్లో క్రొత్త CSS లక్షణాలను చేర్చడానికి ఉపయోగిస్తారు. వేర్వేరు బ్రౌజర్ తయారీదారులు కొద్దిగా వేర్వేరు మార్గాల్లో లేదా విభిన్న వాక్యనిర్మాణంలో లక్షణాలను అమలు చేసినప్పుడు ఇది ప్రత్యేకంగా ఉపయోగపడుతుంది.
CSS బ్రౌజర్ (మీరు వేరొక బ్రౌజర్కి ప్రత్యేకమైనది) వీటిని ఉపయోగించవచ్చని ఆప్టిక్స్:
- android:
-webkit-
- chrome:
-webkit-
- Firefox:
-moz-
- ఇంటర్నెట్ ఎక్స్ ప్లోరర్:
-కుమారి-
- iOS:
-webkit-
- ఒపెరా:
-o-
- సఫారి:
-webkit-
చాలా సందర్భాలలో, ఒక బ్రాండ్ కొత్త CSS శైలి లక్షణాన్ని ఉపయోగించడానికి, మీరు ప్రామాణిక CSS ఆస్తి తీసుకొని ప్రతి బ్రౌజర్ కోసం ఉపసర్గ జోడించండి. సాధారణ CSS ఆస్తి గత వచ్చినప్పుడు ముందుగానే సంస్కరణలు ఎల్లప్పుడూ (ఏదైనా క్రమంలో మీరు ఇష్టపడతారు) మొదట వస్తాయి. ఉదాహరణకు, మీరు మీ పత్రానికి CSS3 బదిలీని జోడించాలనుకుంటే, మీరు దాన్ని ఉపయోగించుకుంటారు
పరివర్తన
క్రింద చూపిన ఆస్తి:
-webkit- పరివర్తనం: అన్ని 4s సౌలభ్యం; -moz- పరివర్తనం: అన్ని 4s సౌలభ్యం; -కుమారి- పరివర్తనం: అన్ని 4s సౌలభ్యం; -o- పరివర్తనం: అన్ని 4s సౌలభ్యం;పరివర్తనం: అన్ని 4s సౌలభ్యం; గమనిక: గుర్తుంచుకోండి, కొన్ని బ్రౌజర్లు ఇతరుల కంటే కొన్ని లక్షణాలకు వేర్వేరు సింటాక్స్ కలిగివుంటాయి, కాబట్టి ఆస్తి యొక్క బ్రౌజర్-ప్రిఫిక్డ్ సంస్కరణ ఖచ్చితంగా ప్రామాణిక ఆస్తి వలె ఉంటుంది అని అనుకోకండి. ఉదాహరణకు, ఒక CSS ప్రవణత సృష్టించడానికి, మీరు ఉపయోగించే సరళ-ప్రవణత ఆస్తి. ఫైర్ఫాక్స్, ఒపేరా మరియు క్రోమ్ మరియు సఫారి యొక్క ఆధునిక సంస్కరణలు క్రోమ్ మరియు సఫారి యొక్క ముందలి సంస్కరణలు పూర్వ ఆస్థితిని ఉపయోగిస్తున్నప్పుడు తగిన ఆదిప్రత్యయంతో ఆ ఆస్తిని ఉపయోగిస్తాయి -webkit-ప్రవణత . అలాగే, ఫైర్ఫాక్స్ ప్రామాణిక వాటి కంటే విభిన్న విలువలను ఉపయోగిస్తుంది. మీరు మీ డిక్లరేషన్ను ఎప్పటికప్పుడు ముగించాలంటే 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 మరియు దిగువ దానితో లేదా పూర్వపదాలను లేకుండా మద్దతు లేదు). బ్రౌజర్లు ఎల్లవేళలా మారిపోతున్నాయని గుర్తుంచుకోండి మరియు పాత బ్రౌజర్లను మద్దతు ఇచ్చే సృజనాత్మక విధానాలు మీరు చాలా ఆధునిక పద్ధతులకు వెనుక ఉన్న వెబ్ పేజీలను నిర్మించటానికి ప్రణాళిక చేస్తున్నప్పుడు తప్పనిసరి అవుతుంది. అంతిమంగా, బ్రౌజర్ పూర్వపదాలను వ్రాయడం అనేది దోషాలను గుర్తించడం మరియు దోపిడీ చేయడం కంటే చాలా సులభంగా ఉంటుంది, ఇది భవిష్యత్ సంస్కరణలో ఎక్కువగా పరిష్కరించబడుతుంది, మీరు దోపిడీ కోసం మరొక దోషాన్ని గుర్తించాలని కోరతారు. విక్రేత ప్రిఫిక్స్లు ఒక హాక్ కాదు
విక్రేత ప్రిఫిక్స్లు బాధించేవి కానీ తాత్కాలికమైనవి
