كيفية إنشاء نص متقاطع في CSS

يتيح لك CSS إنتاج مجموعة واسعة منالعمليات المرتبطة بزخرفة الصفحة بأكملها. يتم إيلاء اهتمام خاص للنص ، الذي يملأ معظم المواقع في معظم الحالات. اليوم سوف ننظر في خاصية واحدة مثيرة للاهتمام: النص المسطر ، المسطر ، والمشطوب. يتم تعيين كل هذه التأثيرات باستخدام قاعدة CSS واحدة.

مهمة

Подчеркнуть и зачеркнуть текст в CSS можно с باستخدام الأمر زخرفة النص. سوف يعتمد التأثير على القيمة المحددة. تم اختراع CSS لفصل الأجزاء المنطقية والهيكلية لصفحة الويب. ولكن قبل ظهور أوراق الأنماط المتتالية ، تم استخدام علامات HTML ذات معنى مماثل. على سبيل المثال ، يتيح لك عنصر مثل عرض نص يتوسطه خط. تعتبر هذه العلامة الآن غير مرغوب فيها ، وسيؤدي استخدامها تلقائيًا إلى جعل شفرة صفحتك غير صالحة. على الرغم من أن عنصر لا يزال مدعومًا بواسطة جميع المتصفحات الحديثة ويستخدمه بعض المطورين. لكن العودة إلى CSS. يمكن أن يكون لأمر زخرفة النص المعاني التالية:

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

مصير

Казалось бы, что в CSS зачеркнутый текст и لا تؤدي التأثيرات المماثلة إلا إلى تزيين النص. في معظم الحالات ، هذا البيان صحيح. ولكن في بعض الأحيان يجدر النظر في السؤال: لماذا تم إنشاء هذه العناصر؟ على سبيل المثال ، تم استخدام علامة "مخالفة" القديمة للإشارة إلى معلومات غير صحيحة أو قديمة. القراء ، بعد رؤية النص المشطوب ، يفهمون المعنى الخفي لمثل هذا التصنيف. يتم تمييز الكلمات التي تحتها خط دائمًا على الفور من التدفق العام. لذلك ، يجب استخدام هذا التأثير لتسليط الضوء على المعلومات الهامة. نادرًا ما يتم استخدام قيمة "الوميض" ، التي تجعل النص يومض ، نظرًا لأنها مقبولة بشكل عام بين المبرمجين على أنها غير مقبولة. بعد كل شيء ، قليل من قرائك مثل الشخصيات الوامضة التي ستشتت انتباههم باستمرار. حسنًا ، يتم استخدام القيمة "overline" فقط لتزيين النص.

ملامح

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

استنتاج

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