في بعض الأحيان يواجه مطورو الويب مهمة تغيير مظهر النص على صفحة الويب بحيث يتم عرضه في الأعلى ويكون صغيرا الحجم. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، لإنشاء عناوين فرعية صغيرة أو حواشي سفلية. ستقدم هذه المقالة طريقة لتحقيق هذا التأثير باستخدام هتمل و كس.
تتمثل الخطوة الأولى في إنشاء حاوية للنص الذي سيتم عرضه في الأعلى. يمكننا استخدام عنصر كتلة مثل
لإنشاء هذه الحاوية. ثم نستخدم عرض خاصية كس: فليكس ؛ لوضع النص عموديا.
ثم يمكننا تغيير حجم وموقع النص باستخدام كس. على سبيل المثال ، يمكننا استخدام خاصية حجم الخط: لتعيين حجم الخط المطلوب وخاصية الهامش: لتعيين الهوامش بين النص والعناصر الأخرى على الصفحة. يمكننا أيضا استخدام تحويل النص: أحرف كبيرة ؛ خاصية لتحويل النص إلى أحرف كبيرة.
- قد تختلف النتائج النهائية اعتمادا على المتصفحات وأنظمة التشغيل المستخدمة ، لذلك من المهم التحقق من كيفية عرض النص على أجهزة ومتصفحات مختلفة قبل النشر.
- طرق إنشاء خط بأحرف صغيرة في الأعلى
- باستخدام كس
- تحويل النص إلى أحرف كبيرة
- إضافة أحرف خاصة
- باستخدام العناصر الزائفة
- التحويل باستخدام جافا سكريبت
استخدام برامج تحرير الرسوم
طرق إنشاء خط بأحرف صغيرة في الأعلى
هناك عدة طرق لإنشاء خط يتم فيه كتابة جميع الأحرف بأحرف صغيرة وتقع في الأعلى:
1. باستخدام خاصية تحويل النص المغلق
يمكنك إنشاء نمط يحدد قيمة تحويل النص: الأحرف الكبيرة ؛ وتحويل النص: الكتابة بالأحرف الكبيرة. يقوم الخيار الأول بتحويل جميع الأحرف إلى أحرف كبيرة ، بينما يقوم الخيار الثاني بتحويل الحرف الأول فقط من كل كلمة. بعد ذلك ، لتحويل جميع الأحرف إلى أحرف صغيرة ووضعها في الأعلى،يمكنك استخدام خاصية كس تحويل النص: أحرف صغيرة ؛ والخاصية محاذاة النص: أعلى؛.
2. باستخدام العلامات و
إذا كنت تريد إنشاء كلمة واحدة فقط بأحرف صغيرة ، فاستخدم العلامة. لإنشاء كلمة جريئة في الأعلى ، استخدم العلامة.
3. باستخدام أحرف يونيكود
إذا كنت ترغب في إنشاء أحرف أو كلمات متعددة بأحرف صغيرة ، يمكنك استخدام أحرف يونيكود. على سبيل المثال ، يحاكي الرمز ^ (الرمز ^) الحرف الصغير في الأعلى. ما عليك سوى إضافة هذا الرمز بعد الحرف المطلوب لإنشاء التأثير المطلوب.
يتيح لك استخدام هذه الطرق تحقيق النتيجة المرجوة عند إنشاء خط بأحرف صغيرة موجودة في الأعلى. اختر الطريقة المناسبة لموقع الويب الخاص بك وقم بالتجربة لإنشاء تصميم فريد وفعال!
باستخدام كس
أوراق الأنماط المتتالية (المغلق) يمكن استخدامها لتغيير نمط النص على صفحة ويب. باستخدام كس ، يمكنك تعيين العديد من الخصائص والقيم التي من شأنها تغيير مظهر النص.
- .صغيرة كبيرة
- حجم الخط: صغير
يحدد حجم خط صغير. على سبيل المثال:تحويل النص: أحرف كبيرة;
حجم الخط: صغير;
}
3. قم بتطبيق فئة كس على العنصر المطلوب في صفحة الويب. على سبيل المثال ، إذا كنت تريد تطبيق نمط على فقرة ، فأضف فئة إلى العلامة
:
النص
الآن سيتم عرض النص الموجود في العنصر بأحرف صغيرة بأحرف كبيرة.
تحويل النص إلى أحرف كبيرة
في هتمل ، يتم استخدام عنصر لتحويل النص إلى أحرف كبيرة ، وهي سمة النمط مع القيمة المحددة تحويل النص: أحرف كبيرة؛. يوجد أدناه مثال على استخدام هذه السمة:
سيتم عرض هذا النص بأحرف كبيرة
وبالتالي ، فإن استخدام هذه الوظيفة يجعل من السهل تغيير حالة جميع الأحرف في النص إلى الحالة العلوية ، مما يجعلها أكثر وضوحا وتبرز.
إضافة أحرف خاصة
- عند إنشاء موقع ويب أو كتابة نص ، قد تحتاج إلى استخدام أحرف خاصة مثل © ، ® ، others وغيرها. لإضافة هذه الأحرف إلى صفحة ويب ، يمكنك استخدام رموز الأحرف أو الروابط إلى أحرف خاصة.
- رموز الأحرف هي تسلسلات من الأحرف تبدأ بعلامة العطف ( & ) وتنتهي بفاصلة منقوطة (;). على سبيل المثال ، لإضافة رمز حقوق الطبع والنشر ( © ) ، يمكنك استخدام رمز©. بعد إضافة هذا الرمز إلى صفحة الويب ، سيتم عرض رمز حقوق النشر على الصفحة.
- مراجع الأحرف الخاصة هي أسماء محددة مسبقا يمكنك استخدامها لإضافة أحرف. على سبيل المثال ، لإضافة رمز حقوق الطبع والنشر ( © ) ، يمكنك استخدام الكود التالي: or أو©. كل من هذه الرموز سيتم عرض رمز حقوق التأليف والنشر.
يرجى ملاحظة أنه قد لا يتم عرض بعض الأحرف الخاصة على جميع المتصفحات أو أنظمة التشغيل. في مثل هذه الحالات ، يوصى باستخدام رموز الأحرف بدلا من الإشارات إلى الأحرف الخاصة.
فيما يلي بعض الأمثلة على الأحرف الخاصة ورموزها:
© — © أو ©
ضع في اعتبارك أن إضافة أحرف خاصة يمكن أن تكون مفيدة عندما تحتاج إلى إبراز ميزات النص أو إضافة أحرف غير قياسية إلى صفحة ويب.
نموذج النص
باستخدام العناصر الزائفة ، يمكنك إنشاء العديد من التأثيرات والأنماط المثيرة للاهتمام على الصفحة. من المهم أن تتذكر أن العناصر الزائفة غير مدعومة من قبل جميع المتصفحات ، لذلك قبل استخدامها ، يوصى بالتحقق من الوثائق والاختبار على مختلف الأجهزة والمتصفحات.
التحويل باستخدام جافا سكريبت
لإنشاء خط بأحرف صغيرة في الأعلى ، يمكنك استخدام لغة برمجة جافا سكريبت. باستخدام جافا سكريبت ، يمكنك تغيير نمط النص ومظهره ديناميكيا على صفحة الويب.
لتحويل النص إلى أحرف كبيرة ، يمكنك استخدام الطريقة
توبركاسي()
- . تقوم هذه الطريقة بتحويل جميع أحرف السلسلة إلى أحرف كبيرة.
- مثال الاستخدام:
- نص فار = "مرحبا بالعالم";
فار أوبيركاسيتكست = نص.توبركاسي();