الخط المائل هو تأثير يضيف ميلا طفيفا إلى النص ويساعد في تمييزه على صفحة الويب. عادة ما يستخدم نمط الخط هذا لإعطاء جاذبية جمالية خاصة والتركيز على المعلومات المهمة.
يمكنك استخدام العديد من خصائص وقيم النمط المختلفة لإنشاء خط مائل في كس. إحدى الطرق هي استخدام خاصية نمط الخط مع القيمة المائلة. هذه هي الطريقة الأسهل والأكثر شيوعا لإنشاء خط مائل وتعمل مع العديد من الخطوط.
إذا كنت ترغب في إنشاء تأثير إمالة أكثر حدة ، فيمكنك استخدام خاصية التحويل وقيمة الانحراف الخاصة بها. تسمح لك هذه الطريقة بتغيير شكل النص عن طريق إمالته بزاوية معينة. على سبيل المثال ، يمكنك استخدام قيمة الانحراف للإمالة الأفقية أو القيمة المنحرفة للإمالة الرأسية.
يعد الخط المائل طريقة رائعة لجذب الانتباه إلى النص وإضافة نمط فريد إلى صفحة الويب. في هذه المقالة ، سوف تتعلم كيفية إنشاء خط مائل باستخدام كس والعثور على أمثلة وحلول لمختلف الحالات. سوف تكون قادرة على استخدام هذه المعرفة لتحسين تصميم موقع الويب الخاص بك وجعلها أكثر إثارة للاهتمام وجذابة للزوار.
- كيفية إنشاء خط مائل في كس
- الأساليب والأمثلة
- استخدام خاصية نمط الخط
- استخدام التحويل: الانحراف
- حلول مثيرة للاهتمام للخط المائل
كيفية إنشاء خط مائل في كس
يتم إنشاء خط مائل في كس باستخدام خاصية نمط الخط. تتيح لك هذه الخاصية تغيير نمط الخط ، مما يجعله مائلا.
هناك ثلاث قيم لخاصية نمط الخط: عادي ومائل ومائل. القيمة العادية هي القيمة الافتراضية وتجعل الخط يبدو طبيعيا ، بدون إمالة.
تجعل القيمة المائلة الخط مائلا عن طريق تطبيق الخيار المائل المناسب إذا كان متاحا للخط المحدد. إذا لم يكن هناك خيار مائل ، يمكن للمتصفح استخدام خط عادي أو تطبيق قيمة مختلفة.
تجعل القيمة المائلة أيضا الخط مائلا ، ولكن على عكس القيمة المائلة ، فإنها تطبق تشويه الخط دون الانتباه إلى وجود متغيرات مائلة.
مثال على رمز كس لإنشاء خط مائل يبدو مثل هذا:
كود {
}
سوف يميل.
يمكنك أيضا استخدام إدخال مختصر لخاصية نمط الخط عن طريق إضافة قيمة بعد نوع الخط:
قوي {
هناك عدة طرق لإنشاء خط مائل في كس. وهنا بعض منهم:
1. استخدام العقار
نمط الخط
نمط الخط
سيتم تطبيق خط مائل على جميع العناصر ذات النمط المعلن.
2. استخدام العقار
تحويل
:
الممتلكات
تحويل
يسمح لك بتحويل العناصر ، بما في ذلك النص. يمكنك استخدام قيمة الانحراف لإنشاء خط مائل.
جنبا إلى جنب مع زاوية الميل. على سبيل المثال ، الكود التالي:
تحويل: الانحراف (15 درجة);
- سيتم تطبيق تأثير مائل بزاوية 15 درجة على النص.
- 3. استخدام أنماط الخطوط:
- إذا كنت تريد تطبيق الخط المائل على عناصر معينة فقط ، فيمكنك استخدام أنماط الخطوط بدلا من القواعد العامة. على سبيل المثال ، الكود التالي:
سيتم إمالة هذا النص
سيتم تعيين الخط المائل لهذه الفقرة فقط.
/ * قواعد كس المطبقة على العناصر مع فئة "مائل النص" */
.مائل-نص {
نمط الخط: مائل;
| } | ||
|---|---|---|
| في هذا المثال ، سيتم عرض جميع العناصر التي تحتوي على فئة "نص مائل" مع منحدر خط مائل إيطالي. | إذا كنت ترغب في إمالة العنصر أفقيا وعموديا ، يمكنك استخدام قيمة الانحراف مجتمعة(زديغ ، يديغ). | باستخدام التحويل: تتيح لك خاصية الانحراف إنشاء تأثيرات رسومية متنوعة ، مثل النص المائل والأشكال ذات الزوايا غير العادية والأنماط الأخرى المثيرة للاهتمام. |
| نموذج التعليمات البرمجية: | حلول مثيرة للاهتمام للخط المائل | هناك عدة طرق لإنشاء خط مائل في كس. يمكن استخدام بعضها لإنشاء تأثير مرئي مثير للاهتمام أو للتأكيد على عناصر معينة على الصفحة. دعونا نلقي نظرة على بعض الأمثلة على هذه الحلول. |
| الطريق | نمط الخط: مائل; | ح3 { |
نمط الخط: مائل;