شکستن کلمات در CSS

با ویژگی شکستن کلمات در CSS در این مقاله آشنا می شوید.

چگونه می توان کلمات CSS را شکست

به طور پیش فرض ، خطوط نوشتاری فقط در یک فاصله یا خط می توانند شکسته شوند. با استفاده از ویژگی CSS-break-break ، می توانید نحوه کنترل مرورگر متن را که در لبه های عنصر قرار ندارد تغییر دهید.

بررسی شکستن کلمات در CSS

نحو برای این ویژگی به شرح زیر است:

word-break: مقدار؛

می توانید یکی از سه مقدار موجود را انتخاب کنید.

مقدار پیش فرض کلمه شکنی CSS طبیعی است. این بدان معناست که مرورگر از قوانین پیش فرض برای شکستن کلمات استفاده خواهد کرد:

p.learn {
    word-break: normal;
}

مشخص کردن شکستن همه باعث جلوگیری از سرریز شدن ظرف می شود – مرورگر می تواند مرز بین هر دو کاراکتر را بشکند:

p.learn {
    word-break: break-all;
}

مقدار Keep-all به صورت عادی رفتار می کند ، اما هیچ گونه وقفه در کلمات CSS بین حروف آسیایی را شامل نمی شود:

p.learn {
    word-break: keep-all;
}

توجه: مرورگرهای Safari و iOS از مقدار نگهدارنده پشتیبانی نمی کنند.

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.