كيفية تعيين نص مضبوط باستخدام CSS

click fraud protection

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

نص مضبوط عبارة عن كتلة نصية محاذاة على كلا الجانبين الأيسر والأيمن ، على عكس جانب واحد فقط (وهو ما يفعله التبرير "الأيمن" و "الأيسر"). يتم تحقيق التأثير المضبوط بشكل مضاعف عن طريق ضبط مسافات الكلمات والحروف في كل سطر من النص للتأكد من أن كل سطر له نفس الطول. هذا التأثير يسمى التبرير الكامل. ضبط النص في CSS باستخدام ملف محاذاة النص منشأه.

كيف يعمل التبرير؟

السبب الذي يجعلك ترى غالبًا حافة غير متساوية على الجانب الأيمن من كتلة النص هو أن كل سطر من النص ليس بنفس الطول. تحتوي بعض السطور على كلمات أكثر أو كلمات أطول بينما تحتوي سطور أخرى على كلمات أقل أو أقصر. لتبرير كتلة النص هذه ، يجب إضافة مسافات إضافية إلى بعض الأسطر حتى خارج كل السطور وجعلها متسقة.

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

instagram viewer

كيفية ضبط النص

يتطلب ضبط النص باستخدام CSS قسمًا من النص للضبط. عادةً ، ستستخدم فقرات نصية لأن الكتل الكبيرة من سياق النص التي تمتد عبر أسطر متعددة سيتم تمييزها بعلامات الفقرة.

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

متى يتم ضبط النص

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

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

بالإضافة إلى تحديات قابلية القراءة ، تصطف المساحات الفارغة أحيانًا مع بعضها البعض لإنشاء "أنهار" من المساحات البيضاء في منتصف النص. هذه الفجوات الكبيرة من المساحة البيضاء يمكن أن تجعل حقا عرضا محرجا. بالإضافة إلى ذلك ، في الأسطر القصيرة للغاية ، يمكن أن يتسبب التبرير في سطور تحتوي على كلمة واحدة مع مسافات إضافية بين الأحرف نفسها.

إذن متى يجب استخدام تبرير النص؟ يحدث أفضل وقت لتبرير النص عندما تكون الأسطر طويلة وحجم الخط صغيرًا - وهو أمر يصعب ضمانه على مواقع الويب المتجاوبة حيث تتغير أطوال الخطوط بناءً على أحجام الشاشة. لا يوجد رقم ثابت وسريع لطول السطر أو حجم النص ؛ يجب أن تستخدم أفضل حكم لديك.

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

استخدم الضبط فقط بعد مقارنته بالنص المحاذي لليسار. قد ترغب في اتساق التبرير الكامل ، لكن النص القياسي ذي الضبط الأيسر يكون عادةً أكثر قابلية للقراءة. في النهاية ، يجب عليك تبرير النص لأنك اخترت تبرير النص لأغراض التصميم وأكدت أن موقعك يظل سهل القراءة.

instagram story viewer