ווי צו פאָרלייגן פּאַראַגראַפס מיט קסס

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

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

איינער פּראָסט פּאַראַגראַף נוסח אַז איר טאָן זען אָפט אין דרוק (און וואָס מיר קענען ריקריייט אָנליין) איז ווו דער ערשטער שורה פון אַז פּאַראַגראַף איז ינדענטיד איינער קוויטל פּלאַץ . דאָס אַלאַוז לייענער צו זען ווו איינער פּאַראַגראַף הייבט און אנדערן ענדס.

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

דער סינטאַקס פֿאַר דעם פאַרמאָג איז פּשוט. דאָ איז ווי איר וואָלט לייגן אַ טעקסט-ינדענט צו אַלע די פּאַראַגראַפס אין אַ דאָקומענט.

p {text-indent: 2em; }

קאַסטאַמייזינג די ינדענץ

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

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

p + p {טעקסט-ינדענט: 2 על; }

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

p {גרענעץ-דנאָ: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }

נעגאַטיוו ינדענץ

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

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

blockquote p {text-indent: -.5em; }

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

וועגן מאַרגינס און פּאַדינג

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