كيفية إنشاء نص متقاطع في CSS
CSS يسمح لك لإنتاج مجموعة واسعة منالعمليات المرتبطة بالزخرفة الزخرفية للصفحة بأكملها. يتم إيلاء اهتمام خاص للنص ، الذي في معظم الحالات يملأ معظم المواقع. سننظر اليوم في خاصية واحدة مثيرة للاهتمام: نص مبسط ، مسطر ومخطط. يتم تعيين كل هذه التأثيرات باستخدام قاعدة CSS واحدة.
مهمة
من الممكن التأكيد على النص في CSS مع النصباستخدام الأمر "text-decoration". يعتمد التأثير على القيمة المحددة. تم تصميم CSS للفصل بين الجزء المنطقي والبني لصفحة الويب. ولكن قبل ظهور أوراق أنماط المتتالية تم استخدام علامات HTML ، والتي كان لها معنى مماثل. على سبيل المثال ، يسمح لك عنصر مثل <strike> بإخراج نص يتوسطه خط. تعتبر هذه العلامة الآن غير مرغوب فيها ، وسوف يجعل استخدامها شفرة الصفحة الخاصة بها غير صالحة تلقائيًا. على الرغم من أن هذا العنصر <strike> لا يزال مدعومًا من جميع المتصفحات الحديثة ويستخدمه بعض المطورين. لكن عد إلى CSS. يمكن أن يحتوي الأمر "text-decoration" على القيم التالية:
- التأكيد. عن طريق تعيين هذه القيمة ، ستحصل على النص الذي تحته خط.
- OVERLINE. سيمر السطر على جزء معين من الصفحة.
- خط من خلال. لإنشاء نص يتوسطه خط أو نص يتوسطه خط.
- طرفة. سيختفي الجزء المحدد من المستند بشكل دوري ويظهر مرة أخرى.
- أيضا هناك قيم "لا شيء" و "الوراثة". يلغي أول كل التأثيرات ، وترث الطلبات الثانية خاصية العنصر الرئيسي.
مصير
يبدو أنه في CSS نص متقاطع وآثار مماثلة تخدم فقط لتزيين النص. في معظم الحالات ، هذه العبارة صحيحة. لكن في بعض الأحيان يجدر النظر في السؤال التالي: ما هي عناصر؟ على سبيل المثال ، تم استخدام علامة "إضراب" قديمة بالفعل للإشارة إلى معلومات غير صحيحة أو قديمة. القراء ، ورؤية النص المتقاطع ، يفهمون المعنى الخفي لهذا الترميز. دائمًا ما يتم تمييز الكلمات المسطرة على الفور من التدفق العام. لذلك ، يجب استخدام هذا التأثير لتسليط الضوء على المعلومات الهامة. يتم استخدام قيمة "blink" ، التي تجعل النص يطرف ، نادرًا جدًا ، نظرًا لأنه من بين المبرمجين يعتبر هذا التأثير غير مقبول. بعد كل شيء ، عدد قليل من قرائك مثل رموز الوميض التي سوف يصرف لهم باستمرار. حسنًا ، يتم استخدام قيمة "التخطية" فقط لتزيين النص.
ملامح
على الرغم من أن جميع قيم خاصية "زخرفة النص"يتم تضمينها في مواصفات إصدارات جدول المتتالية ، ولكن لا تدعم بعض المتصفحات الحديثة بعض القيم. على سبيل المثال ، لن يكون النص الوامض مرئيًا في IE. لا يقبل Google Chrome قيمًا معينة. تدعم الأنظمة الأساسية للجوّال هذه الميزة بشكل غير كافٍ.
استنتاج
تأثيرات مثل نص يتوسطه خط وأخرىغالبًا ما يتم استخدام قيم مماثلة على الإنترنت. يسمح لك استخدامها بالتعبير بشكل صحيح عن الفكرة الرئيسية للمؤلف ، مما يساعد على تركيز انتباه القراء على الجزء الضروري من النص. ولكن لا تكن متحمسًا جدًا وفي كل فرصة لتطبيق خاصية "زخرفة النص". بعد كل شيء ، يمكن للزينة لا لزوم لها النص يضر بك والقراء.
