الفرق بين المراجعتين لصفحة: «CSS/Topics/Font»
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| سطر 4: | سطر 4: | ||
|- | |- | ||
|<code>[[CSS/font|font]]</code> | |<code>[[CSS/font|font]]</code> | ||
|الخاصية <code>font</code> في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات <code>[[CSS/font-style|font-style]]</code> و <code>font-variant</code> و <code>[[CSS/font-weight|font-weight]]</code> و <code>[[CSS/font-size|font-size]]</code> و <code>[[CSS/line-height|line-height]]</code> و <code>[[CSS/font-family|font-family]]</code>، وذلك لتحديد الخط المستخدم في العنصر. | |الخاصية <code>font</code> في لغة CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات <code>[[CSS/font-style|font-style]]</code> و <code>font-variant</code> و <code>[[CSS/font-weight|font-weight]]</code> و <code>[[CSS/font-size|font-size]]</code> و <code>[[CSS/line-height|line-height]]</code> و <code>[[CSS/font-family|font-family]]</code>، وذلك لتحديد الخط المستخدم في العنصر. | ||
|- | |- | ||
|<code>[[CSS/font-family|font-family]]</code> | |<code>[[CSS/font-family|font-family]]</code> | ||
| سطر 16: | سطر 16: | ||
|- | |- | ||
|<code>[[CSS/font-size-adjust|font-size-adjust]]</code> | |<code>[[CSS/font-size-adjust|font-size-adjust]]</code> | ||
|الخاصية <code>font-size-adjust</code> في CSS تقول أنَّ حجم الخط يجب أن يكون مُختارًا اعتمادًا على ارتفاع الأحرف الصغيرة (lowercase) بدلًا من ارتفاع الأحرف الكبيرة؛ وهذا مُفيدٌ لأنَّ وضوح الخطوط وسهولة قراءتها -خصوصًا إذا كان حجمها صغيرًا- سيُحدَّد بحجم الأحرف ذات الحالة الصغيرة وليس الكبيرة. | |الخاصية <code>font-size-adjust</code> في لغة CSS تقول أنَّ حجم الخط يجب أن يكون مُختارًا اعتمادًا على ارتفاع الأحرف الصغيرة (lowercase) بدلًا من ارتفاع الأحرف الكبيرة؛ وهذا مُفيدٌ لأنَّ وضوح الخطوط وسهولة قراءتها -خصوصًا إذا كان حجمها صغيرًا- سيُحدَّد بحجم الأحرف ذات الحالة الصغيرة وليس الكبيرة. | ||
|- | |- | ||
|<code>[[CSS/font-stretch|font-stretch]]</code> | |<code>[[CSS/font-stretch|font-stretch]]</code> | ||
|الخاصية <code>font-stretch</code> في CSS تختار نسخةً ضيقةً (condensed) أو عاديةً (normal) أو موسعةً (expanded) من الخط. | |الخاصية <code>font-stretch</code> في لغة CSS تختار نسخةً ضيقةً (condensed) أو عاديةً (normal) أو موسعةً (expanded) من الخط. | ||
|- | |- | ||
|<code>[[CSS/font-style|font-style]]</code> | |<code>[[CSS/font-style|font-style]]</code> | ||
المراجعة الحالية بتاريخ 15:52، 7 أكتوبر 2022
| الخاصية | الوصف |
|---|---|
font
|
الخاصية font في لغة CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات font-style و font-variant و font-weight و font-size و line-height و font-family، وذلك لتحديد الخط المستخدم في العنصر.
|
font-family
|
تُحدِّد قائمةً تحتوي على نوع خط واحد أو أكثر من أنواع الخطوط الخاصة أو العامة، وذلك لتُطبَّق على العنصر. |
font-kerning
|
تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم. |
font-size
|
تضبط حجم الخط، وضبط حجم الخط قد يؤدي إلى تغيير حجم عناصر أخرى، لأن حجم الخط سيُستخدَم لحساب قيمة الأطوال <length> ذات الواحدة em و ex.
|
font-size-adjust
|
الخاصية font-size-adjust في لغة CSS تقول أنَّ حجم الخط يجب أن يكون مُختارًا اعتمادًا على ارتفاع الأحرف الصغيرة (lowercase) بدلًا من ارتفاع الأحرف الكبيرة؛ وهذا مُفيدٌ لأنَّ وضوح الخطوط وسهولة قراءتها -خصوصًا إذا كان حجمها صغيرًا- سيُحدَّد بحجم الأحرف ذات الحالة الصغيرة وليس الكبيرة.
|
font-stretch
|
الخاصية font-stretch في لغة CSS تختار نسخةً ضيقةً (condensed) أو عاديةً (normal) أو موسعةً (expanded) من الخط.
|
font-style
|
تُحدِّد إن كان يجب أن يكون شكل الخط عاديًا (normal) أو مائلًا (italic) أو منحرفًا (oblique). وسيختار المتصفح النسخة الأنسب من نوع الخط font-family.
|
font-weight
|
تُحدِّد «وزن» (weight، أو ثخانة) الخط؛ والأوزان المتاحة للاستخدام في خطٍ ما تعتمد على نوع الخط المستخدم font-family، إذ إنَّ بعض الخطوط لا توفِّر إلا نسختين هما normal و bold.
|
line-height
|
تضبط المسافة المستخدم للأسطر، كما في النصوص؛ أما على العناصر الكتلية (block elements) فهي تُحدِّد الارتفاع الأدنى للصناديق النصية (line boxes) ضمن العنصر. |