normal هي القيمة الأفتراضية وهي أن الكلمات الطويلة تطفح خارج حدود العنصر ولا يتم كسرها.
break-word تسمح بتكسير الكلمات الغير قابلة للكسر وتلتف إلي السطر التالي.

CSS word-wrap Syntax

طريقة كتابة خاصية word-wrap في لغة CSS.

word-wrap:value;

CSS word-wrap Values

قيم خاصية word-wrap في لغة CSS.

word-wrap:normal|break-word|initial|inherit;

</> CSS word wrap normal
خاصية word-wrap مع القيمة normal في لغة CSS

تستخدم خاصية word-wrap في لغة CSS مع القيمة normal لتطفح الكلمات الطويلة خارج حدود العنصر ولا يتم كسرها وهي القيمة الأفتراضية.

جربها بنفسك

CSS word wrap normal

خاصية word-wrap في لغة CSS مع القيمة normal.

p
{
  word-wrap: normal;
  background-color:#2196F3;
  color:white;
  width:100px;
  padding:10px;
}

جربها بنفسك

</> CSS word wrap break word
خاصية word-wrap مع القيمة break-word في لغة CSS

تستخدم خاصية word-wrap في لغة CSS مع القيمة break-word لتسمح بتكسير الكلمات الغير قابلة للكسر وتلتف إلي السطر التالي.

جربها بنفسك

CSS word wrap break word

خاصية word-wrap في لغة CSS مع القيمة break-word.

p
{
  word-wrap:break-word;
  background-color:#2196F3;
  color:white;
  width:100px;
  padding:10px;
}

جربها بنفسك

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

CSS Word Wrap
خاصية word-wrap في لغة CSS

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات CSS Word Wrap CSS