CSS ווענדאָר פּרעפיקסעס

וואָס זענען זיי און וואָס איר זאָל נוצן זיי

קסס פאַרקריפּלט פּרעפיקסעס, אויך אַמאָל באקאנט ווי אָדער קסס בלעטערער פּרעפיקסעס, זענען אַ וועג פֿאַר בלעטערער מאַקערז צו לייגן שטיצן פֿאַר נייַע CSS פֿעיִקייטן איידער די פֿעיִקייטן זענען גאָר שטיצט אין אַלע בראַוזערז. דאָס קען זיין געטאן בעשאַס אַ סאָרט פון טעסטינג און עקספּערימענטאַטיאָן צייַט ווו דער בלעטערער פאַבריקאַנט איז דיטיילד ווי די נייַ CSS פֿעיִקייטן וועט זיין ימפּלאַמענאַד. די פּרעפיקסעס געווארן זייער פאָלקס מיט די העכערונג פון קסס 3 אַ ביסל יאָרן צוריק.

ווען CCS3 איז געווען ערשטער איינגעזען, אַ נומער פון יקסייטאַד פּראָפּערטיעס אנגעהויבן צו שלאָגן פאַרשידענע בראַוזערז אין פאַרשידענע צייט. למשל, די וועבקיט-Powered בראַוזערז (סאַפאַרי און קראָום) זענען די ערשטער אָנעס צו פאָרשטעלן עטלעכע פון ​​די אַנאַמיישאַן-נוסח פּראָפּערטיעס ווי יבערמאַכן און יבערגאַנג. דורך ניצן פאַרקריפּלטער פּרעפיקסעד פּראָפּערטיעס, וועב דיזיינערז זענען ביכולת צו נוצן די נייַע פֿעיִקייטן אין זייער אַרבעט און האָבן זיי געזען אויף די בראַוזערז אַז זיי שטיצן זיי רעכט אַוועק, אַנשטאָט פון האָבן צו וואַרטן פֿאַר יעדער אנדערע בלעטערער פאַבריקאַנט צו כאַפּן אַרויף!

אזוי פון די פּערספּעקטיוו פון אַ פראָנט-סוף וועב דעוועלאָפּער, בלעטערער פּרעפיקסעס זענען געניצט צו לייגן נייַ קסס פֿעיִקייטן אַנטו אַ פּלאַץ בשעת ווייל טרייסט געוואוסט אַז די בראַוזערז וועלן שטיצן די סטיילז. דאָס קען זיין ספּעציעל נוציק ווען פאַרשידענע בלעטערער מאַניאַפאַקטשערערז ינסטרומענט פּראָפּערטיעס אין אַ ביסל פאַרשידענע וועגן אָדער מיט אַ אַנדערש סינטאַקס.

די CSS בלעטערער פּרעפיקסעס אַז איר קענען נוצן (יעדער פון וואָס איז ספּעציפיש פֿאַר אַ אַנדערש בלעטערער) זענען:

• אַנדרויד: -webkit-
• Chrome: -webkit-
• פירעפאָקס: -moz-
• Internet Explorer: -ms-
• iOS: -webkit-
• Opera: -o-
• סאַפאַרי: -webkit-

אין רובֿ פאלן, צו נוצן אַ נייַ סאָרט CSS נוסח, איר נעמען די נאָרמאַל CSS פאַרמאָג און לייגן די פּרעפיקס פֿאַר יעדער בלעטערער. די פּרעפיקסעד ווערסיעס וואָלט שטענדיק קומען ערשטער (אין קיין סדר איר בעסער) בשעת דער נאָרמאַל קסס פאַרמאָג וועט קומען לעצט. למשל אויב איר ווילן צו לייגן אַ CSS3 יבערגאַנג צו דיין דאָקומענט, איר וואָלט נוצן דעם יבערגאַנג פאַרמאָג ווי געוויזן אונטן:

-וועבקיט- יבערגאַנג: אַלע 4 ס יז;
-מאָז- יבערגאַנג: אַלע 4 ס יז;
-מס- יבערגאַנג: אַלע 4 ס יז;
-אָ יבערגאַנג: אַלע 4 ס יז;
יבערגאַנג: אַלע 4 ס יז;

באַמערקונג: געדענקען, עטלעכע בראַוזערז האָבן אַ אַנדערש סינטאַקס פֿאַר זיכער פּראָפּערטיעס ווי אנדערע טאָן, אַזוי טאָן ניט יבערנעמען אַז דער בלעטערער-פּרעפיקסעד ווערסיע פון ​​אַ פאַרמאָג איז פּונקט די זעלבע ווי די נאָרמאַל פאַרמאָג. למשל, צו שאַפֿן אַ CSS גראַדיענט , איר נוצן די לינעאַר-גראַדיענט פאַרמאָג. פירעפאָקס, אָפּעראַ, און מאָדערן ווערסיעס פון קראָום און סאַפאַרי נוצן אַז פאַרמאָג מיט די צונעמען פּרעפיקס בשעת פרי ווערסיעס פון קראָום און סאַפאַרי נוצן די פּרעפיקסעד פאַרמאָג -וועבקיט-גראַדיענט. אויך, פירעפאָקס ניצט פאַרשידענע וואַלועס ווי די נאָרמאַל אָנעס.

די סיבה וואָס איר שטענדיק סוף דיין דעקלאַראַציע מיט דער נאָרמאַל, ניט-פּרעפיקסעד ווערסיע פון ​​די CSS פאַרמאָג איז אַזוי אַז ווען אַ בלעטערער טוט שטיצן די הערשן, עס וועט נוצן דעם. געדענקט ווי CSS איז לייענען. די שפּעטערע כּללים נעמען פאָרויס איידער פריער, אויב די ספּעציפישקייַט איז די זעלבע, אַזוי אַ בלעטערער וואָלט לייענען די ווענדאָר ווערסיע פון ​​אַ הערשן און נוצן אַז אויב עס טוט נישט שטיצן די נאָרמאַל איינער, אָבער אַמאָל עס טוט, עס וועט אָווועררייד די פאַרקויף ווערסיע מיט די פאַקטיש קסס הערשן.

ווענדאָר פּרעפיקסעס זענען ניט אַ כאַק

ווען פּראַפּיקסיז פאַרקריפּלט זענען ערשטער באַקענענ, פילע וועב-פּראָפעססיאָנאַלס געחידושט אויב זיי זענען אַ כאַק אָדער אַ יבעררוק צוריק צו די טונקל טעג פון פאָרקינג אַ וועבזייטל קאָד צו שטיצן פאַרשידענע בראַוזערז (געדענקען די " דאס פּלאַץ איז בעסטער וויוד אין הייסט " אַרטיקלען). CSS ווענדאָרס פּרעפיקסעס זענען נישט כאַקס, אָבער, און איר זאָל האָבן קיין רעזערוויישאַנז וועגן ניצן זיי אין דיין אַרבעט.

א CSS כאַק עקספּלויץ פלאָז אין די ימפּלאַמענטיישאַן פון אן אנדער עלעמענט אָדער פאַרמאָג אין סדר צו באַקומען אן אנדער פאַרמאָג צו אַרבעטן ריכטיק. פֿאַר בייַשפּיל, די קעסטל מאָדעל כאַק יקספּאָוזד פלאָז אין די פּאַרסינג פון די קול-משפּחה פאַרמאָג אָדער אין ווי בראַוזערז פּאַרס באַקלאַסלאַשעס (\). אבער די כאַקס זענען געניצט צו פאַרריכטן די פּראָבלעם פון די חילוק צווישן ווי Internet Explorer 5.5 כאַנדאַלד די קעסטל מאָדעל און ווי Netscape ינטערפּריטיד עס, און האָבן גאָרנישט צו טאָן מיט די קול משפּחה נוסח. טאָנפוללי די צוויי אַוטדייטיד בראַוזערז זענען אָנעס מיר טאָן ניט האָבן קאַנסערנז זיך מיט די טעג.

א ווענדאָר פּרעפיקס איז ניט אַ כאַק ווייַל עס אַלאַוז די באַשרייַבונג צו שטעלן אַרויף כּללים פֿאַר ווי אַ פאַרמאָג זאל זיין ימפּלאַמענאַד, בשעת אין דער זעלביקער צייַט אַלאַוז בלעטערער מייקערז צו ינסטרומענט אַ פאַרמאָג אין אַ אַנדערש וועג אָן ברייקינג אַלץ אַנדערש. דערצו, די פּרעפיקסעס זענען ארבעטן מיט CSS פּראָפּערטיעס וואָס וועט יווענטשאַוואַלי זיין אַ טייל פון די באַשרייַבונג . מיר זענען פשוט צוגעלייגט עטלעכע קאָד אין סדר צו באַקומען צוטריט צו די פאַרמאָג פרי. דאָס איז אן אנדערער סיבה פארוואס איר ענדיקט די CSS ראלע מיט דער נאָרמאַל, ניט-פאַרפעסטיקט פאַרמאָג. דער וועג איר קענען פאַלן די פּרעפיקסעד ווערסיעס אַמאָל פול בלעטערער שטיצן איז אַטשיווד.

ווילן צו וויסן וואָס דער בלעטערער שטיצן פֿאַר אַ זיכער שטריך איז? די וועבזייַטל CanIUse.com איז אַ ווונדערלעך מיטל פֿאַר זאַמלונג דעם אינפֿאָרמאַציע און לאָזן איר וויסן וואָס בראַוזערז, און וואָס ווערסיעס פון די בראַוזערז, דערווייַל שטיצן אַ שטריך.

ווענדאָר פּרעפיקסעס זענען אַנויינג אבער צייטווייליקע

יא, עס קען פילן אַנויינג און ריפּעטיטיוו צו האָבן צו שרייַבן די פּראָפּערטיעס 2-5 מאל צו באַקומען עס צו אַרבעטן אין אַלע בראַוזערז, אָבער עס ס אַ צייַטווייַליק סיטואַציע. פֿאַר בייַשפּיל, נאָר אַ ביסל יאָרן צוריק, צו שטעלן אַ ראַונדיד ווינקל אויף אַ קעסטל איר האט צו שרייַבן:

-מאַז-גרענעץ-ראַדיוס: 10 פּקס 5 פּקס;
-וועבקיט-גרענעץ-שפּיץ-לינקס-ריידיוס: 10 פּקס;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-וועבקיט-גרענעץ-דנאָ-לינקס-ריידיוס: 5 פּקס;
גרענעץ-ראַדיוס: 10 פּקס 5 פּקס;

אבער איצט אַז בראַוזערז האָבן קומען צו גאָר שטיצן דעם שטריך, איר טאַקע נאָר דאַרפֿן די נאָרמאַליזעד ווערסיע:

גרענעץ-ראַדיוס: 10 פּקס 5 פּקס;

Chrome האט געשטיצט די CSS3 פאַרמאָג זינט ווערסיע 5.0, Firefox צוגעגעבן עס אין ווערסיע 4.0, סאַפאַרי צוגעגעבן עס אין 5.0, אָפּעראַ אין 10.5, יאָס אין 4.0, און אַנדרויד אין 2.1. אפילו Internet Explorer 9 שטיצט עס אָן אַ פּרעפיקס (און IE 8 און נידעריקער האט ניט שטיצן עס מיט אָדער אָן פּרעפיקסעס).

געדענקען אַז בראַוזערז זענען שטענדיק געגאנגען צו זיין טשאַנגינג און שעפעריש אַפּערטונאַטיז צו שטיצן עלטערע בראַוזערז וועט זיין פארלאנגט, אויב איר זענט פּלאַננינג אויף וועב זייַט וועבסייט אַז ביסט הינטער די מערסט מאָדערן מעטהאָדס. אין די סוף, שרייַבן בלעטערער פּרעפיקסעס איז פיל גרינגער ווי געפונען און עקספּלויטינג ערראָרס וואָס וועט רובֿ מסתּמא זיין פאַרפעסטיקט אין אַ צוקונפֿט ווערסיע, וואָס ריקווייערז אַ אַנדערש טעות צו ויספירן און אַזוי אויף.