English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مفهوم Style في HTML DOM

يُمثل Style الهدف بيانة استylesة واحدة.

يمكن الوصول إلى Style الهدف من خلال المستند أو من العنصر الذي تم تطبيق الصيغة عليه.

خصائص Style الهدف

الجدول التالي يوضح خصائص Style الهدف.

يُشير عمود "CSS" إلى أي إصدار من CSS تم فيه تعريف هذه الخاصية (CSS1، CSS2 أو CSS3).

خصائصوصفCSS
alignContentعندما لا يستخدم المشروع جميع المساحات المتاحة، يحدد أو يعيّن طريقة التوجيه بين السطور في الحاوية المرنة3
alignItemsيحدد أو يعيّن طريقة التوجيه للمشاريع داخل الحاوية المرنة3
alignSelfيحدد أو يعيّن طريقة التوجيه للمشاريع المحددة داخل الحاوية المرنة3
animationجميع خصائص الحركة المختصرة باستثناء خصائص animationPlayState3
animationDelayيحدد أو يعيّن وقت بدء الحركة3
animationDirectionيحدد أو يعيّن ما إذا كانت الحركة يجب أن تُعرض مرة واحدة أم لا3
animationDurationيحدد أو يعيّن عدد الثواني أو الميليسي ثانية التي تستغرقها الحركة للحلقة الواحدة3
animationFillModeيحدد أو يعيّن القيمة التطبيقية للحركة خارج وقت التنفيذ3
animationIterationCountيحدد أو يعيّن عدد مرات عرض الحركة3
animationNameيحدد أو يعيّن اسم @keyframes للحركة3
animationTimingFunctionيحدد أو يعيّن منحنى السرعة للحركة3
animationPlayStateيحدد أو يعيّن ما إذا كانت الحركة تعمل أم تتوقف3
backgroundيحدد أو يعيّن جميع خصائص الخلفية في بيانة واحدة1
backgroundAttachmentيحدد أو يعيّن ما إذا كانت صورة الخلفية ثابتة أم تتشابك مع الصفحة1
backgroundColorيحدد أو يعيّن لون الخلفية للعنصر1
backgroundImageيحدد أو يعيّن صورة الخلفية للعنصر1
backgroundPositionيحدد أو يعيّن موقع البداية للصورة الخلفية1
backgroundRepeatيحدد أو يعيّن كيفية تكرار (التمويه) صورة الخلفية1
backgroundClipيحدد أو يعيّن منطقة الرسم للخلفية3
backgroundOriginيحدد أو يعيّن منطقة التركيز للصورة الخلفية3
backgroundSizeيحدد أو يعيّن حجم صورة الخلفية3
backfaceVisibilityيتعين على العنصر أن يكون مرئيًا عند عدم التوجيه إلى الشاشة3
borderفي بيانة تعيين أو العودة لborderWidth،borderStyle وborderColor1
borderBottomفي بيانة تعيين أو العودة لجميع خصائص borderBottom1
borderBottomColorتعيين أو العودة للون الحدودي السفلي1
borderBottomLeftRadiusتعيين أو العودة للشكل الحدودي في الزاوية السفلية اليسرى3
borderBottomRightRadiusتعيين أو العودة للشكل الحدودي في الزاوية السفلية اليمنى3
borderBottomStyleتعيين أو العودة للنمط الحدودي السفلي1
borderBottomWidthتعيين أو العودة لعرض الحدود السفلية1
borderCollapseتعيين أو العودة لتحويل حواف الجدول إلى حافة واحدة2
borderColorتعيين أو العودة للون الحدودي للعنصر (يمكن أن يكون هناك أقصى حد من أربعة قيم)1
borderImageلإعداد أو العودة لجميع خصائص borderImage باستخدام خاصية مختصرة3
borderImageOutsetتعيين أو العودة للكمية التي تتخطى منطقة الحافة3
borderImageRepeatتعيين أو العودة للاستمرار، التقريب أو التمدد لحافة الصورة3
borderImageSliceتعيين أو العودة للانحراف للداخل لحافة الصورة3
borderImageSourceتعيين أو العودة للصورة المستخدمة كحافة3
borderImageWidthتعيين أو العودة لعرض حافة الصورة3
borderLeftفي بيانة تعيين أو العودة لجميع خصائص borderLeft1
borderLeftColorتعيين أو العودة للون الحدودي للجانب الأيسر1
borderLeftStyleتعيين أو العودة للنمط الحدودي للجانب الأيسر1
borderLeftWidthتعيين أو العودة لعرض الحدود اليسرى1
borderRadiusلإعداد أو العودة لجميع خصائص borderRadius باستخدام خاصية مختصرة3
borderRightفي بيانة تعيين أو العودة لجميع خصائص borderRight1
borderRightColorتعيين أو العودة للون الحدودي للجانب الأيمن1
borderRightStyleتعيين أو العودة للنمط الحدودي للجانب الأيمن1
borderRightWidthتعيين أو العودة لعرض الحدود اليمنى1
borderSpacingتعيين أو العودة للفضاء بين خلايا الجدول2
borderStyleتعيين أو العودة للنمط الحدودي للعنصر (يمكن أن يكون هناك أقصى حد من أربعة قيم)1
borderTopفي بيانة تعيين أو العودة لجميع خصائص borderTop1
borderTopColorإعداد أو العودة لعرض لون الحد الأعلى للعنصر1
borderTopLeftRadiusإعداد أو العودة للشكل للجزء الأيسر العلوي من الحد الأعلى3
borderTopRightRadiusإعداد أو العودة للشكل للجزء الأيمن العلوي من الحد الأعلى3
borderTopStyleإعداد أو العودة لأسلوب الحد الأعلى للعنصر1
borderTopWidthإعداد أو العودة لعرض عرض الحد الأعلى للعنصر1
borderWidthإعداد أو العودة لعرض عرض حدود العنصر (يمكن أن يكون هناك أربعة قيم كحد أقصى)1
bottomإعداد أو العودة للوضع السفلي للعنصر المحدد2
boxDecorationBreakإعداد أو العودة للسلوك في عرض الخلفية والهوامش عند نقاط الفصل أو عند النص في العناصر المدمجة عند نقاط الفصل3
boxShadowإضافة ظلال إلى الصندوق3
boxSizingيسمح لك بتعريف بعض العناصر لتكون مناسبة بشكل معين لمنطقة معينة3
captionSideإعداد أو العودة للوضع للعنوان في الجدول2
clearإعداد أو العودة للوضع بالنسبة للأعمدة المتداخلة1
clipإعداد أو العودة لعرض جزء العنصر الذي يمكن رؤيته2
colorإعداد أو العودة لعرض لون النص1
columnCountإعداد أو العودة لعدد الأعمدة التي يجب تقسيم العنصر إليها3
columnFillإعداد أو العودة لطريقة ملء الأعمدة3
columnGapإعداد أو العودة لعرض الفراغ بين الأعمدة3
columnRuleاستخدامها لتعريف اختصار لـ جميع خصائص columnRule3
columnRuleColorإعداد أو العودة لعرض لون الخط بين الأعمدة3
columnRuleStyleإعداد أو العودة لأسلوب الخط بين الأعمدة3
columnRuleWidthإعداد أو العودة لعرض عرض الأعمدة بينها3
columnsاستخدامها لتعريف اختصار لـ columnWidth و columnCount3
columnSpanإعداد أو العودة لعدد الأعمدة التي يجب أن يغطي العنصر3
columnWidthإعداد أو العودة لعرض عرض العنصر3
contentاستخدامها مع pseudo-elements :before و :after لإدراج المحتوى المولد2
counterIncrementزيادة واحد أو أكثر من المعدادات2
counterResetإنشاء أو إعادة تعيين واحد أو أكثر من المعدادات2
cursorإعداد أو العودة لنوع المؤشر الذي سيظهر للفأرة2
directionإعداد أو العودة لاتجاه النص2
displayإعداد أو العودة لنوع العرض للعنصر1
emptyCellsإعداد أو العودة لعرض حدود الخلايا الفارغة والخلفية2
filterإعداد أو العودة لمصفى الصورة (تأثيرات مثل الغموض وسعة التشبع)3
flexإعداد أو العودة طول العنصر بالنسبة للبقية من الجزء3
flexBasisإعداد أو رجوع الطول الافتراضي للعنصر المرن3
flexDirectionإعداد أو رجوع اتجاه العنصر المرن3
flexFlowflexDirection وflexWrap كخصائص مختصرة3
flexGrowإعداد أو رجوع كيفية النمو للعنصر بالنسبة للبقية من العناصر3
flexShrinkإعداد أو رجوع كيفية التقلص للعنصر بالنسبة للبقية من العناصر3
flexWrapإعداد أو رجوع ما إذا كان يجب 包装 العنصر المرن أم لا3
cssFloatإعداد أو رجوع طريقة التوجيه العمودي للعنصر1
fontإعداد أو رجوع fontStyle،fontVariant،fontWeight،fontSize،lineHeight وfontFamily في بيانة واحدة1
fontFamilyإعداد أو رجوع عائلة الخط للنص1
fontSizeإعداد أو رجوع حجم الخط للنص1
fontStyleإعداد أو رجوع نمط الخط كعادي أو مائل أو مائل1
fontVariantإعداد أو رجوع عرض الأحرف كحروف صغيرة أو كبيرة1
fontWeightإعداد أو رجوع سمك الخط للخط1
fontSizeAdjustحفظ قابلية القراءة للنص عند حدوث تراجع في الخطوط3
fontStretchاختيار خط عادي أو مضغوط أو موسع من مجموعة الخطوط3
hangingPunctuationتحديد ما إذا كان يمكن وضع العلامات البunctuation خارج نطاق الصفحة أو لا3
heightإعداد أو رجوع الارتفاع للعنصر1
hyphensإعداد كيفية تقسيم الكلمات لتحسين ترتيب الفقرة3
iconتمكين المؤلف من استخدام أنماط مشابهة لتحديد أنماط العنصر3
imageOrientationتحديد الإتجاه الذي يتم فيه تطبيق التدوير على الصورة من قبل المستعرض3
isolationتحديد ما إذا كان العنصر يجب إنشاء محتوى تراكمي جديد أم لا3
justifyContentعندما لا يستخدم العنصر جميع المساحات المتاحة، إعداد أو رجوع طريقة التوجيه للعنصر في الحاوية المرنة3
leftإعداد أو رجوع موقع اليسار للعنصر المحدد2
letterSpacingإعداد أو رجوع المسافة بين الأحرف في النص1
lineHeightإعداد أو رجوع المسافة بين السطور في النص1
listStyleإعداد أو رجوع listStyleImage،listStylePosition وlistStyleType في بيانة واحدة1
listStyleImageإعداد أو رجوع الصورة كعلامة عنصر القائمة1
listStylePositionإعداد أو رجوع موقع علامة عنصر القائمة1
listStyleTypeإعداد أو رجوع نوع علامة عنصر القائمة1
marginتحديد أو العودة إلى المسافات (يمكن أن تكون أقصى حد أربعة قيم)1
marginBottomتحديد أو العودة إلى المسافة السفلية للعنصر1
marginLeftتحديد أو العودة إلى المسافة اليسرى للعنصر1
marginRightتحديد أو العودة إلى المسافة اليمنى للعنصر1
marginTopتحديد أو العودة إلى المسافة العليا للعنصر1
maxHeightتحديد أو العودة إلى العرض الأقصى للارتفاع للعنصر2
maxWidthتحديد أو العودة إلى العرض الأقصى للعرض للعنصر2
minHeightتحديد أو العودة إلى العرض الأدنى للارتفاع للعنصر2
minWidthتحديد أو العودة إلى العرض الأدنى للعرض للعنصر2
navDownتحديد أو العودة إلى موضع التوجيه عند استخدام مفتاح التوجيه إلى الأسفل3
navIndexتحديد أو العودة إلى ترتيب التبويب للعنصر3
navLeftتحديد أو العودة إلى موضع التوجيه عند استخدام مفتاح التوجيه إلى اليسار3
navRightتحديد أو العودة إلى موضع التوجيه عند استخدام مفتاح التوجيه إلى اليمين3
navUpتحديد أو العودة إلى موضع التوجيه عند استخدام مفتاح التوجيه إلى الأعلى3
objectFitتحديد كيفية تكييف محتويات العنصر مع الارتفاع والعرض المحددين للحاوية المستخدمة3
objectPositionتحديد كيفية تحديد التوجيه في العنصر عند استخدام مفتاح التوجيه إلى الأعلى3
opacityتحديد أو العودة إلى مستوى الشفافية للعنصر3
orderتحديد أو العودة إلى ترتيب العنصر المتجاوب بالنسبة للبقية من العناصر3
orphansتحديد أو العودة إلى عدد الأطراف الأدنى التي يجب أن تبقى في أسفل الصف عند حدوث فصل في الصف2
outlineتحديد أو العودة إلى جميع خصائص الواجهة المحيطة في بيانة واحدة2
outlineColorتحديد أو العودة إلى لون الواجهة المحيطة بالعنصر2
outlineOffsetتحديد أو العودة إلى تحريك الواجهة المحيطة وتلوينها خارج حافة الحاوية3
outlineStyleتحديد أو العودة إلى نمط الواجهة المحيطة بالعنصر2
outlineWidthتحديد أو العودة إلى عرض عرض الواجهة المحيطة بالعنصر2
overflowتحديد أو العودة إلى كيفية التعامل مع محتويات العرض خارج نطاق حاوية العنصر2
overflowXتحديد كيفية التعامل مع تزاحم محتويات العنصر عند تجاوز الحافة اليسرى / اليمنى للمحتوى3
overflowYتحديد كيفية التعامل مع تزاحم محتويات العنصر عند تجاوز الحافة العليا / السفلية للمحتوى3
paddingتحديد أو العودة إلى الم填充 (يمكن أن يحتوي على أقصى حد أربعة قيم)1
paddingBottomتحديد أو العودة إلى الم填充 السفلية للعنصر1
paddingLeftتحديد أو العودة إلى الم填充 اليسرى للعنصر1
paddingRightتحديد أو العودة إلى الم填充 اليمنى للعنصر1
paddingTopتحديد أو العودة إلى الم填充 العليا للعنصر1
pageBreakAfterتحديد أو العودة إلى سلوك الفصل بين الصفحات بعد العنصر2
pageBreakBeforeإعداد أو رجوع سلوك فقس الصفحة قبل العنصر2
pageBreakInsideإعداد أو رجوع سلوك فقس الصفحة داخل العنصر2
perspectiveإعداد أو رجوع كيفية عرض نافذة الرؤية للعنصر 3D3
perspectiveOriginإعداد أو رجوع موقع العنصر في الأسفل3
positionإعداد أو رجوع نوع طريقة التثبيت للعنصر (ثابت، نسبي، مطلق أو ثابت)2
quotesإعداد أو رجوع نوع الهوامش الداخلية للقوتبة2
resizeإعداد أو رجوع ما إذا كان العنصر يمكن أن يتمدد أو يتمقلص بواسطة المستخدم3
rightإعداد أو رجوع الموقع الصحيح للعنصر2
tableLayoutإعداد أو رجوع طريقة ترتيب خلايا الجدول، السطور والصفوف2
tabSizeإعداد أو رجوع طول tab3
textAlignإعداد أو رجوع طريقة التبرئة لأفقية النص1
textAlignLastإعداد أو رجوع طريقة التبرئة عند تعديل النص إلى 'justify'3
textDecorationإعداد أو رجوع التزيين النصي1
textDecorationColorإعداد أو رجوع لون الخط في التزيين النصي3
textDecorationLineإعداد أو رجوع نوع الخط في التزيين النصي3
textDecorationStyleإعداد أو رجوع نمط الخط في التزيين النصي3
textIndentإعداد أو رجوع مكان الإندماج للسطر الأول1
textJustifyإعداد أو رجوع طريقة التبرئة عند تعديل النص3
textOverflowإعداد أو رجوع الحالة التي يجب أن تحدث عندما يزحف النص خارج العنصر3
textShadowإعداد أو رجوع تأثير الظل على النص3
textTransformإعداد أو رجوع حالة التكبير أو التقليل للنص1
topإعداد أو رجوع موقع العنصر في الوجهة العلوية2
transformتطبيق تحويل 2D أو 3D على العنصر3
transformOriginإعداد أو رجوع موقع العنصر بعد التحويل3
transformStyleإعداد أو رجوع طريقة عرض العناصر المدمجة في 3D3
transitionلإعداد أو رجوع خاصية مختصرة لأربعة خصائص تأثير التدفق3
transitionPropertyإعداد أو رجوع الخاصية الخاصة بتأثير التدفق3
transitionDurationإعداد أو رجوع عدد الثواني أو الميليسي ثانية المطلوبة للإنهاء التأثير3
transitionTimingFunctionإعداد أو رجوع مسار سرعة تأثير التدفق3
transitionDelayإعداد أو رجوع وقت بدء تأثير التدفق3
unicodeBidiإعداد أو العودة للتحديد ما إذا كان يجب إعادة كتابة النص لدعم لغات متعددة في نفس المستند2
userSelectإعداد أو العودة للتحديد ما إذا كان يمكن اختيار نص العنصر2
verticalAlignإعداد أو العودة للتحديد كيفية تلقيح المحتوى العرضي للعنصر1
visibilityإعداد أو العودة للإشارة إلى ما إذا كان العنصر يجب أن يكون مرئيًا2
whiteSpaceإعداد أو العودة للتعامل مع tab، newline وspaces في النص1
widthإعداد أو العودة للعرض العرضي للعنصر1
wordBreakإعداد أو العودة للقواعد التي يتم فيها قطع النص غير CJK3
wordSpacingإعداد أو العودة لـ space-between-words في النص1
wordWrapيسمح بقطع الكلمات الطويلة والنقل إلى السطر التالي3
widowsإعداد أو العودة لأقل عدد من السطور التي يجب أن تكون مرئية في الصفحة العليا للعنصر2
zIndexإعداد أو العودة لـ stack-order لـ العنصر الموضع2

مراجع مرتبطة

دليل HTML:HTML CSS

دليل CSS:دليل CSS

مرجع HTML:علامة <style> في HTML

مرجع CSS:خصائص CSS