CSS אַוטליינז זענען מער ווי נאָר אַ גרענעץ
די CSS אַוטליין פאַרמאָג איז אַ קאַנפיוזינג פאַרמאָג. ווען איר ערשטער לערנען וועגן עס, עס איז שווער צו פֿאַרשטיין ווי עס איז אַפֿילו רימאָוטלי אַנדערש פון די גרענעץ פאַרמאָג. די W3C דערקלערט עס ווי די פאלגענדע דיפעראַנסיז:
- אָוטלינעס טאָן ניט נעמען אַרויף פּלאַץ.
- אָוטלינעס זאל זיין ניט-רעקטאַנגגיאַלער.
אָוטלינעס טאָן ניט נעמען אַרויף ספעיס
דעם סטאַטעמענט, אין און פון זיך איז קאַנפיוזינג. וויאזוי קען מען א כייפעץ אויף אייער וועב זייטל זיך נישט נעמען אויף ספעציעלע וועבזייטל? אבער אויב איר טראַכטן פון דיין וועב בלאַט ווי עס איז ווי אַ ציבעלע, יעדער פּאָזיציע אויף דער בלאַט קען זיין לייערד אויף שפּיץ פון אנדערן פּאָזיציע. די אַוטליין פאַרמאָג טוט נישט נעמען אַרויף פּלאַץ ווייַל עס שטענדיק איז געשטעלט אויף שפּיץ פון די קעסטל פון די עלעמענט.
ווען אַן אָפּקלייַב איז געשטעלט אַרום אַן עלעמענט, עס טוט נישט האָבן קיין ווירקונג אויף ווי דאָס עלעמענט איז אויסגעלייגט אויף דער בלאַט. עס קען נישט ענדערן דעם עלעמענט 'ס גרייס אָדער שטעלע. אויב איר שטעלן אַן אָפּקלייַב אויף אַן עלעמענט, עס וועט נעמען די זעלבע פּלאַץ פון פּלאַץ ווי אויב איר האט נישט האָבן אַ אַוטליין פון דעם עלעמענט. דאס איז ניט אמת פון אַ גרענעץ. א גרענעץ אויף אַן עלעמענט איז מוסיף צו די אַרויס ברייט און הייך פון די עלעמענט. אזוי אויב איר האט אַ בילד וואָס איז געווען 50 פּיקסעלס ברייט, מיט אַ 2-פּיקסעל גרענעץ, עס וואָלט נעמען אַרויף 54 בילדצעלן (2 פּיקסעלס פֿאַר יעדער זייַט גרענעץ). דער זעלביקער בילד מיט אַ 2-פּיקסעל אַוטליין וועט נעמען אַרויף בלויז 50 פּיקסעלס ברייט אויף דיין בלאַט, די אַוטליין וואָלט אַרויסווייַזן איבער די אַרויס ברעג פון די בילד.
אָוטלינעס זאל זיין ניט-רעקטאַנגולאַר
איידער איר אָנהייב טראכטן "קיל, איצט איך קענען ציען קרייזן!" טראכט נאכאמאל. דעם סטאַטעמענט האט אַ אַנדערש טייַטש ווי איר זאל טראַכטן. ווען איר שטעלן אַ גרענעץ אויף אַן עלעמענט, דער בלעטערער ינטערפּראַץ די עלעמענט ווי אויב עס זענען געווען איין גיגאַנט רעקטאַנגגיאַלער קעסטל. אויב די קעסטל געץ שפּאַלטן איבער עטלעכע שורות, דער בלעטערער נאָר בלעטער די עדזשאַז עפענען ווייַל די קעסטל איז נישט פארמאכט. עס איז ווי אויב דער בלעטערער איז געזען די גרענעץ מיט אַ ינפאַנאַטלי ברייט פאַרשטעלן - ברייט גענוג פֿאַר אַז גרענעץ צו זיין איין קעסיידערדיק גראָדעק.
אין קאַנטראַסט, די אַוטליין פאַרמאָג נעמט עדזשאַז אין באַטראַכטונג. אויב אַ אַוטליינד עלעמענט ספּאַנס עטלעכע שורות, די אַוטליין קלאָוזיז בייַ די סוף פון די שורה און ווידערקאָל ווידער אויף די ווייַטער שורה. אויב מעגלעך, די אַוטליין וועט בלייבן גאָר פארבונדן ווי געזונט, שאפן אַ ניט-רעקטאַנגגיאַלער פאָרעם.
ניצט פון די אַוטליין פּראָפּערטי
איינער פון די בעסטער ניצט פון די אַוטליין פאַרמאָג איז צו הויכפּונקט זוכן טערמינען. פילע זייטלעך טאָן דאָס מיט אַ הינטערגרונט פֿאַרב, אָבער איר קענען אויך נוצן די אַוטליין פאַרמאָג און נישט זאָרג וועגן צו לייגן קיין עקסטרע ספּייסינג אויף דיין בלעטער.
די אַוטליין-קאָליר פאַרמאָג אַקסעפּץ די טערמין "ינווערט" וואָס מאכט די אַוטליין קאָליר די פאַרקערט פון די קראַנט הינטערגרונט. דעם אַלאַוז איר צו הויכפּונקט עלעמענטן אויף דינאַמיש וועב זייַטלעך אָן נידז צו וויסן וואָס פארבן זענען געניצט .
איר קענען אויך נוצן די אַוטליין פאַרמאָג צו באַזייַטיקן די דאַטיד שורה אַרום אַקטיוו לינקס. דעם אַרטיקל פון קסס-טריקס ווייזט ווי צו באַזייַטיקן די דאַטיד אַוטליין.