دليل CSS الأساسي

نموذج الصندوق في CSS

دليل CSS3 الأساسي

دليل CSS

قواعد CSS

المحاسبة CSS (المحاسبة)المساحة البيضاء CSS (المساحة البيضاء)

تحويل النص CSS (تحويل النص)

خصائص word-wrap في CSSللإستخدامكسر الكلمات الطويلة وتغيير السطر الأوتوماتيكي إلى السطر التالي.عندما تكون الأحرف غير القابلة للكسر طويلة جدًا ولا يمكن احتواءها في الصندوق، يستخدم هذا الخصائص لمنع التدفق الزائد

قيم النص في CSS

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

مثال عبر الإنترنت لتغيير السطر الأوتوماتيكي في CSS

مثال

<!DOCTYPE html>
<html>
<head>
<style>　
p.test {
　　　　width: 11em;
　　　　background-color: #ff9900;　
　　　　border: 1px solid #ffffff;
　　　　padding: 10px;
　　　　word-wrap: break-word;
}
</style>
</head>
<p class="test">في هذا الفقرة، هناك كلمة طويلة جداً:
　iamsooooooooooooooooooooooooooooooolongggggggggggggggg.الكلمة الطويلة ستقوم بالكسر وتحول إلى السطر التالي.</p>
</html>

الاختبار لرؤية‹/›

الإخراج:

في هذا الفقرة، هناك كلمة طويلة جداً: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long هذه الكلمة ستقوم بالكسر وتحول إلى السطر التالي.

المحاسبة CSS (المحاسبة)المساحة البيضاء CSS (المساحة البيضاء)