ویژگی text-justify CSS
- صفحه قبل text-indent
- صفحه بعدی text-orientation
تعریف و استفاده
ویژگی text-justify روشی که متن را در حالی که text-align تنظیم شده به "justify" است، مرتب میکند را مشخص میکند.
این ویژگی روشی که سطرهای متن مرتب و جدا شوند را مشخص میکند.
مثال
تغییر فاصله بین کلمات برای مرتب کردن سطرها:
div { text-align:justify; text-justify:inter-word; }
نحوه نوشتن CSS
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
مقدار ویژگی
مقدار | توضیح | آزمایش |
---|---|---|
خودکار | مرورگر الگوریتم مرتب کردن سطرها را تعیین میکند. | آزمایش |
none | ممنوعیت مرتب کردن سطرها. | آزمایش |
inter-word | افزودن/کاهش فاصله بین کلمات. | آزمایش |
inter-ideograph | با استفاده از متون معنایی محتوا را مرتب میکند. | آزمایش |
inter-cluster | تنها برای محتوایی که شامل فاصله بین کلمات داخلی نیست (مثلاً زبانهای آسیایی) مرتب میکند. | آزمایش |
توزیع | مانند صفحات روزنامه، به استثنای اینکه در زبانهای شرقی در پایینترین خط، مرتب نیست. | آزمایش |
کاشیدا | با کشیدن حروف محتوا را مرتب میکند. | آزمایش |
جزئیات فنی
مقدار پیشفرض: | خودکار |
---|---|
وراثت: | بله |
نسخه: | CSS3 |
نحوه نوشتن JavaScript: | object.style.textJustify="inter-word" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی است که این ویژگی را به طور کامل پشتیبانی میکنند.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
پشتیبانی از * | 11.0 | 55.0 | 10.0.3 | پشتیبانی از * |
* این قابلیت در تنظیمات اولویتهای "فعالسازی قابلیتهای وب پلتفرم آزمایشی" قرار دارد (باید به "فعال" تنظیم شود). برای تغییر تنظیمات Chrome: در مرورگر Chrome وارد کنید "chrome://flags". برای تغییر تنظیمات Opera: در مرورگر Opera وارد کنید "flags".
- صفحه قبل text-indent
- صفحه بعدی text-orientation