white-space in CSS

خاصیت white-space :

این خاصیت تعیین می کند که کاراکتر های فاصله (space) چگونه تفسیر و بکار گرفته  شود . 

پشتیبانی مرورگر ها خاصیت white-space :

مقادیر قابل قبول white-space :

normal|nowrap|pre|pre-line|pre-wrap|initial|inherit

normal :
 مجوعه ای از کاراکتر های فاصله (Space) به دنبال هم در خروجی به عنوان یک فضای خالی در نظر گرفته می شوند . در این حالت یک کاراکتر فاصله و n کاراکتر فاصله با هم برابرند .

white-space-normal
در مواقع ضرروی متن به خط بعد شکسته می شود . حالت پیش فرض می باشد
.
nowrap :
این خاصیت هم مجموعه ای از کاراکترهای فاصله به عنوان یک فاصله در نظر گرفته می شود با این تفاوت که هیچگاه متن شکسته نمی شود و به خط بعدی نمی رود . تا زمانی که تگ < br > استفاده نشود در همان خط ادامه پیدا می کند .

white-space-nowrap
pre :
مرورگر تمامی فضاهای خالی را حفط و تک تک آنها را به عنوان فضای خالی تفسیر می کند. متن به همان شکلی که نوشته شده است نمایش داده می شود . عملکرد آن مانند تگ pre می باشد .


pre-line :
مجموعه ای از فضاهای خالی به عنوان یک فضای خالی در نظر گرفته می شود .در مواقع ضروری متن شکسته و به خط بعدی می رود .
pre-wrap :
مرورگر هر فضای خالی را به عنوان یک space تفسیر کرده و در خروجی نمایش می دهد ، با رسیدن به حاشیه متن شکسته (br ) و به خط بعدی انتقال می یابد .

white-space


initial :
مقدار پیش فرض را برای آن انتخاب می کند .
inherit :
مقدار خاصیت white-space را از والد خود به ارث می برد .

 

نحوه بکار بردن آن در CSS :

element{

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

}

 


توسط : عثمان رحیمی  2 ماه قبل ، دوشنبه 10 شهریور 1393 ساعت 01:45  0  966

نظر شما برای ما مهم است و به ما در بهبود سایت کمک میکند.


ارسال نظر
  • نام (اختیاری ) :
  • پست الکترونیک :
  • توضیحات :

مطالب مرتبط