نمط الخط خصائص الأسرة
مثال
عيّن الخط لعنصر:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
التعريف والاستخدام
تقوم الخاصية fontFamily بتعيين أو إرجاع قائمة بأسماء عائلة الخطوط و / أو أسماء العائلة العامة للنص في عنصر.
سيستخدم المتصفح القيمة الأولى التي يتعرف عليها.
هناك نوعان من قيم مجموعة الخطوط:
- عائلة الخطوط: اسم عائلة الخطوط ، مثل "verdana" أو "arial"
- generic-family: اسم عائلة الخطوط العامة ، مثل "serif" أو "sans-serif"
نصيحة: حدد دائمًا اسم عائلة عام باعتباره البديل الأخير!
ملاحظة: افصل بين كل قيمة بفاصلة.
ملاحظة: إذا كان اسم عائلة الخط يحتوي على مسافة بيضاء ، فيجب أن يتم اقتباسها.
تلميح: انظر إلى الخطوط الآمنة للويب للتعرف على مجموعات الخطوط شائعة الاستخدام.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع خاصية fontFamily:
object.style.fontFamily
قم بتعيين خاصية fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
قيم الملكية
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | غير محدد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل اسم خط النص في العنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
عرض للقيم الممكنة:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
مثال
إرجاع خط عنصر:
alert(document.getElementById("demo").style.fontFamily);
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Font
مرجع CSS: خاصية عائلة الخط
مرجع HTML DOM: خاصية الخط
❮ نمط الكائن