#18 شرح بالتفصيل عن خاصية wrapping و white space

يمكنك مذاكرة درس ال text من هنا من هنا |
https://nouvil.net/css-play-ground/cs...
-----------------------------------


للتواصل معي :
instagram |
  / abdelrahman_noufal  
-----------------------------------
facebook |
  / abdelrahman.g.nofal  
-----------------------------------
جروب الفيسبوك الخاص بنا |
  / 1810581845642171  
-----------------------------------

تستخدم خاصية Wrapping و White Space في CSS لتحديد كيفية عرض النصوص داخل عناصر HTML، حيث تمكن المصممين من تحديد ما إذا كان يجب على النص الانتقال إلى السطر التالي في حالة امتلاء المساحة العرضية المخصصة للعنصر أم لا، وكيفية التعامل مع المسافات البيضاء الزائدة.

تختلف خاصية Wrapping عن خاصية White Space في CSS بطريقة التعامل مع النصوص الطويلة. فخاصية Wrapping تسمح بتكسير النص في حالة امتلاء المساحة العرضية المخصصة للعنصر بحيث يتم عرض النص على عدة أسطر متتالية، بينما تستخدم خاصية White Space للتحكم في المسافات البيضاء الزائدة داخل النص وكيفية التعامل معها.

يمكن تحديد قيمة خاصية Wrapping باستخدام القيمة nowrap لمنع النص من الانتقال إلى السطر التالي وتمكينه من الاستمرار في العرض على نفس السطر، كما يمكن استخدام القيمة wrap للسماح بانتقال النص إلى السطر التالي في حالة امتلاء المساحة العرضية المخصصة للعنصر.

أما خاصية White Space في CSS، فتستخدم للتحكم في المسافات البيضاء الزائدة داخل النص، ويمكن تحديد قيمة الخاصية باستخدام القيمة normal للسماح بوجود المسافات البيضاء داخل النص، أو القيمة nowrap لمنعوجود المسافات البيضاء داخل النص وإزالتها، أو القيمة pre للحفاظ على الهيكلة الأصلية للنص وعدم تغييرها.

تستخدم خاصية Wrapping و White Space في CSS لتحسين تصميم النصوص وجعلها أكثر قابلية للقراءة والفهم. يمكن استخدامهما في أي عنصر HTML يحتوي على نصوص، سواء كانت في الفقرات أو العناوين والقوائم والجداول وغيرها. ويمكن تحديد قيمة الخاصية بشكل مرن ومتنوع لتلبية متطلبات التصميم المختلفة.

على سبيل المثال، يمكن استخدام خاصية Wrapping في CSS لتحسين عرض النصوص في الفقرات عندامتلاء المساحة العرضية المخصصة للعنصر، حيث يمكن استخدام القيمة wrap للسماح بانتقال النص إلى السطر التالي في حالة امتلاء المساحة العرضية المخصصة، وجعل النصوص أكثر قابلية للقراءة والفهم.

أما خاصية White Space في CSS، فيمكن استخدامها للتحكم في المسافات البيضاء الزائدة داخل النص، ويمكن استخدام القيمة pre للحفاظ على الهيكلة الأصلية للنص وعدم تغييرها، وجعل التصميم أكثر دقة وجاذبية.

بشكل عام، تعتبر خاصية Wrapping و White Space في CSS أساسية لتحسين تصميم النصوص وجعلها أكثر جاذبية وسهولة قراءة وفهم، وتستخدم في العديد من المشاريع التصميمية ومواقع الويب لتحسين تجربة المستخدم وتحسين التصميم العام للصفحة.