أتش تي أم أل (لغة ترميز النص التشعبي) هي لغة الترميز الرئيسية لإنشاء صفحات الويب. يسمح للمطورين بتحديد كيفية عرض محتوى الصفحة في المتصفح. أحد العناصر الرئيسية لصفحة الويب هو الزر المستخدم لتنفيذ إجراء معين.
غالبا ما يرغب المطورون في تغيير مظهر الزر بحيث يكون أكثر وضوحا أو أكثر ملاءمة لتصميم الموقع. يعد تغيير حجم الخط على الزر إحدى الطرق لتحقيق ذلك. لحسن الحظ ، يوفر هتمل طريقة سهلة لتغيير حجم الخط على زر.
لتغيير حجم الخط على الزر في هتمل ، يكفي استخدام سمة النمط وخاصية حجم الخط. على سبيل المثال ، لتعيين حجم خط الزر إلى 20 بكسل ، تحتاج إلى استخدام الكود التالي:
ادفعني
في هذا المثال ، كل ما فعلناه هو إضافة سمة النمط إلى علامة الزر وتعيين قيمة خاصية حجم الخط إلى 20 بكسل. الآن سيتم عرض النص الموجود على الزر بشكل أكبر وأكثر وضوحا.
- كيفية ضبط حجم الخط على زر في هتمل
- استخدم سمة النمط لتغيير حجم الخط
- استخدم الأنماط المضمنة لتغيير حجم الخط
- تطبيق أنماط خارجية لتغيير حجم الخط
كيفية ضبط حجم الخط على زر في هتمل
يمكن تخصيص الخط الموجود على الزر في هتمل باستخدام أنماط كس. لتغيير حجم الخط على الزر ، يمكنك استخدام خاصية حجم الخط.
مثال على الكود:
في هذا المثال ، يتم استخدام علامة م للإشارة إلى زر. تحدد خاصية حجم الخط حجم خط الزر إلى 16 بكسل.
يمكنك أيضا استخدام وحدات قياس أخرى ، على سبيل المثال ، في المئة ( ٪ ) أو في م.
على سبيل المثال:
في المثال الأول ، يتم تحديد حجم خط الزر كنسبة مئوية ويساوي 120 ٪ من حجم الخط الافتراضي.
في المثال الثاني ، يتم تحديد حجم خط الزر في م وهو 1.5 مرة حجم الخط الافتراضي.
وبالتالي ، باستخدام خاصية حجم الخط ، يمكنك ضبط حجم الخط على الزر في هتمل ، باستخدام وحدات القياس التي تلبي متطلبات التصميم على أفضل وجه.
استخدم سمة النمط لتغيير حجم الخط
في هتمل ، يمكنك ضبط حجم الخط على الزر باستخدام سمة النمط. تسمح لك سمة النمط بتطبيق الأنماط على العناصر الفردية لصفحة الويب.
لتغيير حجم الخط على الزر ، ما عليك سوى إضافة سمة النمط إلى عنصر الزر وتحديد حجم الخط المطلوب باستخدام خاصية حجم الخط.
| مثال: | كود: |
|---|---|
| زر مع زيادة حجم الخط | زر |
في المثال أعلاه ، تقوم سمة النمط بتعيين خاصية حجم الخط إلى 20 بكسل ، مما يعني أن حجم الخط على الزر سيكون 20 بكسل.
يمكنك أيضا استخدام وحدات حجم الخط الأخرى مثل إم ، ريم ، بت أو النسب المئوية.
أمثلة:
| وحدة القياس | مثال |
|---|---|
| من م | |
| زر ريم | |
| زر حزب العمال | |
| زر النسبة المئوية | زر |
وبالتالي ، يمكنك بسهولة تغيير حجم الخط على الزر عن طريق تطبيق سمة النمط بقيمة حجم الخط المناسبة.
استخدم الأنماط المضمنة لتغيير حجم الخط
إذا كنت ترغب في تغيير حجم الخط على الزر في هتمل ، يمكنك استخدام الأنماط المضمنة. للقيام بذلك ، أضف سمة النمط إلى علامة الزر وحدد قيمة لخاصية حجم الخط.
على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل:
زر
يمكنك تعيين حجم الخط بوحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو وحدات حجم الخط النسبي (إم ، ريم).
على سبيل المثال ، إذا كنت تريد تعيين حجم الخط إلى 1.5 ضعف الحجم العادي ، فيمكنك استخدام القيمة 1.5 م:
زر
يمكنك أيضا استخدام وحدات القياس النسبية مثل حركة العين السريعة. يعتمد حجم الخط المحدد في ريم على حجم الخط المحدد لعنصر جذر هتمل (عادة هتمل) في كس. على سبيل المثال ، لنفترض أنه تم تعيين حجم خط عنصر جذر هتمل على 16 بكسل:
زر
في هذه الحالة ، سيكون حجم خط الزر 1.5 * 16 = 24 بكسل.
باستخدام المدمج في أنماط يجعل من السهل لتغيير حجم الخط من زر مباشرة في رمز هتمل ، دون الحاجة إلى ملفات نمط منفصلة.
لاحظ أن تغيير حجم الخط قد يؤثر أيضا على عناصر النص الأخرى الموجودة على الزر ، مثل العرض والارتفاع ، لذلك يجب مراعاتها عند تغيير حجم خط الزر.
تطبيق أنماط خارجية لتغيير حجم الخط
. في ملف كس ، يمكنك تعيين أنماط للزر ، بما في ذلك حجم الخط.
يوضح التعليمة البرمجية التالية كيفية استخدام الأنماط الخارجية لتغيير حجم الخط على زر:
// أسلوب.المغلق
حجم الخط: 14 بكسل;
لتوصيل الأنماط من ملف كس إلى مستند هتمل ، أضف التعليمات البرمجية التالية داخل العلامة
وثيقة أتش تي أم أل الخاصة بك: