ویژگی text-justify CSS

تعریف و استفاده

ویژگی 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".