Kiuj ili estas kaj kial vi devus uzi ilin
La prefiksoj de CSS-vendistoj, ankaŭ konataj kiel retumiloj de CSS- retumilo, estas maniero por retumiloj por aldoni subtenon por novaj CSS-karakterizaĵoj antaŭ ol tiuj funkcioj plene subtenas ĉiujn foliumilojn. Ĉi tio povas esti farita dum speco de provo kaj eksperimenta periodo, kie la retumila fabrikisto determinas ĝuste kiel ĉi tiuj novaj CSS-funkcioj estos efektivigitaj. Ĉi tiuj prefiksoj fariĝis tre popularaj kun la supreniro de CSS3 antaŭ kelkaj jaroj.
Kiam CCS3 unue estis enkondukita, kelkaj ekscititaj proprietoj komencis frapi malsamajn retumilojn ĉe malsamaj tempoj. Ekzemple, la retumiloj de la TTT-servilo (Safaro kaj Chrome) estis la unuaj enkonduki kelkajn el la kuraĝvaloraj proprietoj kiel transformo kaj transiro. Per uzantaj preferatajn preĝejajn proprietojn, retpaĝistoj povis uzi tiujn novajn funkciojn en sia laboro kaj vidu ilin sur la retumiloj, kiuj subtenis ilin tuj, anstataŭ devi atendi, ke ĉiu alia retumilo fariĝos!
Do, de la perspektivo de antaŭfina TTT-programilo, retumiloj de la retumilo estas uzataj por aldoni novajn CSS-trajtojn al ejo, havante komforton sciante, ke la retumiloj subtenos tiujn stilojn. Ĉi tio povas esti speciale helpema kiam malsamaj retumilaj fabrikistoj efektivigas proprietojn en iomete malsamaj manieroj aŭ kun malsama sintakso.
La prefiksiloj de la retumilo de CSS, kiujn vi povas uzi (ĉiu el ili specife al alia retumilo) estas:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Interreto Esploristo: -ms-
- iOS: -webkit-
- Opero: -o-
- Safaro: -webkit-
Plejparte, por uzi novan CSS-stilon, vi prenas la norma CSS-proprieton kaj aldonas la prefikson por ĉiu retumilo. La prefiksitaj versioj ĉiam venos unue (en iu ajn ordo, kiun vi preferas) dum la normala CSS-posedaĵo venos. Ekzemple, se vi volas aldoni CSS3-transiron al via dokumento, vi uzus la transirecon kiel montriĝas sube:
-speco- transiro: ĉiuj 4s facileco;
-moz- transiro: ĉiuj 4s facileco;
-ms- transiro: ĉiuj 4s facileco;
-o- transiro: ĉiuj 4s facileco;
transiro: ĉiuj 4s facileco;
Noto: Memoru, ke iuj foliumiloj havas malsaman sintakson por certaj propraĵoj ol aliaj, do ne supozas, ke la retumprograma versio de propraĵo estas ĝuste la sama kiel la norma propraĵo. Ekzemple, por krei CSS-gradienton , vi uzas la linear-gradientan posedaĵon. Firefox, Opero kaj modernaj versioj de Chrome kaj Safaro uzas tiun posedaĵon kun la taŭga prefikso dum fruaj versioj de Chrome kaj Safaro uzas la prefiksitan proprieton -specia-gradiento. Ankaŭ, Firefox uzas malsamajn valorojn ol la normaj.
La kialo, ke vi ĉiam finos vian deklaron kun la normala, ne-prefiksita versio de la CSS-posedaĵo, estas tiel, ke kiam retumilo subtenas la regulon, ĝi uzos tiun. Memoru, kiel legas CSS. La postaj reguloj superas pli frue, se la specifaĵo estas la sama, do retumilo legus la registaran version de regulo kaj uzu, ke se ĝi ne subtenas la normalan, sed unufoje ĝi faros, ĝi anstataŭos la vendiston kun la realan CSS-regulon.
Vendisto-valizoj ne estas Hako
Kiam la antaŭprogramoj de la vendisto unue estis enkondukitaj, multaj profesiaj retejo demandis, ĉu ili estas hako aŭ ŝanĝo reen al la mallumaj tagoj de forkludado de la retejo por subteni diversajn retumilojn (memoru tiujn " Plej bonajn retejojn en ĉi tiu retejo "). CSS-vendistoj prefiksoj ne estas hakoj, tamen, kaj vi devus havi neniujn rezervojn pri uzi ilin en via laboro.
CSS-hako utiligas difektojn en la efektivigo de alia elemento aŭ propraĵo por akiri alian posedaĵon funkcii ĝuste. Ekzemple, la skatolo-modelo hako eksplodis difektojn en la analizado de la voĉo-familia propraĵo aŭ en kiel retumiloj parse backslashes (\). Sed ĉi tiuj hakoj uzis por solvi la problemon de la diferenco inter kiel Interreto Explorer 5.5 manipulis la skatolon kaj kiel Netscape interpretis ĝin, kaj havas nenion pri la familiara voĉo. Dankeme tiuj du malnovaj retumiloj estas tiuj, kiujn ni ne zorgas pri ĉi tiuj tagoj.
Projekto de vendisto ne estas hako ĉar ĝi permesas la specifon starigi regulojn pri kiel oni povus efektivigi proprieton, samtempe permesante al la fabrikantoj de retumiloj efektivigi posedaĵon de alia maniero sen rompi ĉion alian. Krome, ĉi tiuj prefiksoj funkcias kun CSS-proprietoj, kiuj eventuale estos parto de la specifaĵo . Ni simple aldonas iun kodon por ricevi aliron al la posedaĵo frue. Ĉi tiu estas alia kialo, kial vi finas la CSS-regulon kun la normala, ne-prefiksita propraĵo. Tiel vi povas faligi la prefiksitajn versiojn, kiam oni plenumas plenan retumilon.
Ĉu vi volas scii, kio estas la subtenilo por certa trajto? La retejo CanIUse.com estas mirinda rimedo por kunvenigi ĉi tiun informon kaj sciigi al vi, kiujn retumiloj kaj kies versioj de tiuj retumiloj nun subtenas trajton.
Vendisto-prezoj estas malklaraj sed provizoraj
Jes, ĝi eble sentus ĝena kaj ripetema skribi la posedaĵojn 2-5 fojojn por ke ĝi funkciu en ĉiuj retumiloj, sed ĝi estas provizora situacio. Ekzemple, antaŭ kelkaj jaroj, starigi rondan angulon sur skatolon, kiun vi devis skribi:
-moz-limo-radiuso: 10px 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-bendaĵo-limo-fundo-dekstra-radiuso: 10px;
-webkit-border-bottom-left-radius: 5px;
limo-radiuso: 10px 5px;
Sed nun, ke retumiloj venis plene subteni ĉi tiun funkcion, vi vere nur bezonas la normigitan version:
limo-radiuso: 10px 5px;
Chrome subtenis la CSS3-posedaĵon ekde versio 5.0, Firefox aldonis ĝin en versio 4.0, Safaro aldonis ĝin en 5.0, Operacias en 10.5, iOS en 4.0 kaj Android en 2.1. Eĉ Interreto Explorer 9 subtenas ĝin sen prefikso (kaj IE 8 kaj pli malalta ne subtenis ĝin kun aŭ sen prefiksoj).
Memoru, ke la retumiloj ĉiam ŝanĝiĝos kaj kreos alproksimiĝojn por subteni malnovajn foliumojn, se vi ne planos konstrui retpaĝojn, kiuj estas malantaŭ la plej modernaj metodoj. Al la fino, skribi retumikajn prefiksojn multe pli facilas ol trovi kaj eksplodi erarojn, kiuj plej verŝajne estos fiksitaj en estonta versio, postulante, ke vi trovos alian eraron eksplodi kaj tiel plu.