كائن أسلوب
يمثل الكائن نمط بيان نمط الفردية.
الوصول إلى كائن نمط
الكائن نمط يمكن الوصول إليها من رئيس القسم وثيقة، أو من HTML محددة element(s) .
الوصول إلى أسلوب object(s) من رئيس القسم من الوثيقة:
الوصول إلى الكائن نمط عنصر محدد في:
إنشاء نمط كائن
يمكنك إنشاء <style> العنصر باستخدام document. createElement() document. createElement() الأسلوب:
يمكنك أيضا تعيين خصائص النمط من عنصر موجود:
خصائص كائن نمط
و "CSS" يشير العمود في أي إصدار CSS يتم تعريف الملكية (CSS1, CSS2, or CSS3) .
| خاصية | وصف | CSS |
|---|---|---|
| alignContent | مجموعات أو إرجاع المواءمة بين السطور داخل حاوية مرنة عندما العناصر لا تستخدم كل المساحة المتاحة | 3 |
| alignItems | مجموعات أو إرجاع محاذاة للعناصر داخل حاوية مرنة | 3 |
| alignSelf | مجموعات أو إرجاع المحاذاة لالعناصر المحددة داخل حاوية مرنة | 3 |
| animation | خاصية الاختزال لجميع خصائص الرسوم المتحركة أدناه، باستثناء الملكية animationPlayState | 3 |
| 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 | مجموعات أو عوائد كيفية تكرار (tile) على خلفية صورة | 1 |
| backgroundClip | مجموعات أو إرجاع منطقة اللوحة الخلفية | 3 |
| backgroundOrigin | مجموعات أو إرجاع المنطقة لتحديد المواقع من الصور الخلفية | 3 |
| backgroundSize | مجموعات أو إرجاع حجم صورة الخلفية | 3 |
| backfaceVisibility | مجموعات أو العودة أم لا عنصر يجب أن يكون مرئيا عندما لا تواجه الشاشة | 3 |
| border | مجموعات أو العائد borderWidth، borderStyle، وون_الحدود في إعلان واحد | 1 |
| borderBottom | مجموعات أو إرجاع كل borderBottom * خصائص في إعلان واحد | 1 |
| 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 | مجموعات أو بإرجاع كافة borderLeft * خصائص في إعلان واحد | 1 |
| borderLeftColor | مجموعات أو إرجاع لون الحد الأيسر | 1 |
| borderLeftStyle | مجموعات أو إرجاع أسلوب الحد الأيسر | 1 |
| borderLeftWidth | مجموعات أو إرجاع عرض الحد الأيسر | 1 |
| borderRadius | خاصية الاختزال لوضع أو العودة عن الحدود الأربعة * خصائص الشعاع | 3 |
| borderRight | مجموعات أو إرجاع كل borderRight * خصائص في إعلان واحد | 1 |
| borderRightColor | مجموعات أو إرجاع لون الحد الأيمن | 1 |
| borderRightStyle | مجموعات أو إرجاع أسلوب الحد الأيمن | 1 |
| borderRightWidth | مجموعات أو إرجاع عرض الحد الأيمن | 1 |
| borderSpacing | مجموعات أو إرجاع الفراغ بين الخلايا في جدول | 2 |
| borderStyle | مجموعات أو إرجاع أسلوب الحدود على العنصر (يمكن أن يكون ما يصل إلى أربعة القيم) | 1 |
| borderTop | مجموعات أو إرجاع كل borderTop * خصائص في إعلان واحد | 1 |
| 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 | خاصية الاختزال لوضع أو العودة كافة الخصائص columnRule * | 3 |
| columnRuleColor | مجموعات أو إرجاع لون سيادة بين الأعمدة | 3 |
| columnRuleStyle | مجموعات أو إرجاع أسلوب حكم بين الأعمدة | 3 |
| columnRuleWidth | مجموعات أو إرجاع عرض حكم بين الأعمدة | 3 |
| columns | خاصية الاختزال لوضع أو العودة columnWidth والأعمدة | 3 |
| columnSpan | مجموعات أو إرجاع عدد الأعمدة عنصر يجب أن تمتد عبر | 3 |
| columnWidth | مجموعات أو إرجاع عرض الأعمدة | 3 |
| content | تستخدم مع: قبل و: بعد عناصر الزائفة، لإدراج المحتوى المقدم | 2 |
| counterIncrement | زيادات واحد أو أكثر من العدادات | 2 |
| counterReset | يخلق أو يعيد واحد أو أكثر من العدادات | 2 |
| cursor | مجموعات أو إرجاع نوع المؤشر إلى عرض لمؤشر الماوس | 2 |
| direction | مجموعات أو إرجاع اتجاه النص | 2 |
| display | مجموعات أو إرجاع نوع العرض للعناصر | 1 |
| emptyCells | مجموعات أو عوائد سواء لإظهار الحدود والخلفية للخلايا فارغة، أو لا | 2 |
| filter | مجموعات أو عوائد صورة الفلاتر (visual effects, like blur and saturation) | 3 |
| flex | مجموعات أو إرجاع طول هذا البند، نسبة إلى بقية | 3 |
| flexBasis | مجموعات أو إرجاع طول الأولي من عنصر مرن | 3 |
| flexDirection | مجموعات أو إرجاع اتجاه عناصر مرنة | 3 |
| flexFlow | خاصية الاختزال لflexDirection وخصائص flexWrap | 3 |
| flexGrow | مجموعات أو عوائد كم هذا البند سوف تنمو نسبة إلى بقية | 3 |
| flexShrink | مجموعات أو عوائد كيف هذا البند سوف يتقلص بالنسبة لبقية | 3 |
| flexWrap | مجموعات أو إرجاع ما إذا كانت العناصر المرنة يجب التفاف أو لا | 3 |
| cssFloat | مجموعات أو إرجاع المحاذاة الأفقية عنصر | 1 |
| font | مجموعات أو العائد fontStyle، fontVariant، fontWeight، حجم الخط، lineHeight، وfontFamily في إعلان واحد | 1 |
| fontFamily | مجموعات أو إرجاع عائلة الخط للنص | 1 |
| fontSize | مجموعات أو إرجاع حجم خط النص | 1 |
| fontStyle | مجموعات أو إرجاع ما إذا كان نمط الخط أمر طبيعي، مائل أو منحرف | 1 |
| fontVariant | مجموعات أو إرجاع ما إذا كان ينبغي عرض الخط بحروف صغيرة | 1 |
| fontWeight | مجموعات أو إرجاع جرأة الخط | 1 |
| fontSizeAdjust | يحافظ على قراءة النص عندما يحدث تراجع الخط | 3 |
| fontStretch | يختار طبيعي، مكثف، أو مواجهة موسعة من عائلة الخط | 3 |
| hangingPunctuation | تحديد ما إذا كان قد وضعها على حرف الترقيم خارج المربع سطر | 3 |
| height | مجموعات أو إرجاع ارتفاع عنصر | 1 |
| hyphens | يحدد كيفية تقسيم الكلمات إلى تحسين تخطيط الفقرات | 3 |
| icon | يقدم المؤلف القدرة على أسلوب عنصر مع ما يعادل مبدع | 3 |
| imageOrientation | يحدد التناوب في اليمين أو في اتجاه عقارب الساعة الاتجاه الذي ينطبق على وكيل المستخدم على صورة | 3 |
| justifyContent | مجموعات أو إرجاع المواءمة بين العناصر داخل حاوية مرنة عندما العناصر لا تستخدم كل المساحة المتاحة. | 3 |
| left | مجموعات أو إرجاع الموضع الأيسر من عنصر وضعه | 2 |
| letterSpacing | مجموعات أو إرجاع المسافة بين الأحرف في النص | 1 |
| lineHeight | مجموعات أو إرجاع المسافة بين السطور في النص | 1 |
| listStyle | مجموعات أو العائد listStyleImage، listStylePosition، وlistStyleType في إعلان واحد | 1 |
| listStyleImage | مجموعات أو إرجاع صورة كقائمة البند علامة | 1 |
| listStylePosition | مجموعات أو إرجاع موقف القائمة البند علامة | 1 |
| listStyleType | مجموعات أو إرجاع قائمة البند نوع علامة | 1 |
| margin | مجموعات أو إرجاع هامش عنصر (can have up to four values) | 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 |
| opacity | مجموعات أو إرجاع مستوى التعتيم لعنصر | 3 |
| order | مجموعات أو إرجاع ترتيب هذا البند مرونة، نسبة إلى بقية | 3 |
| orphans | مجموعات أو إرجاع الحد الأدنى لعدد من خطوط للعنصر الذي يجب أن يترك في الجزء السفلي من الصفحة عند حدوث فاصل صفحات داخل عنصر | 2 |
| outline | مجموعات أو إرجاع كافة الخصائص المخطط في إعلان واحد | 2 |
| outlineColor | مجموعات أو إرجاع لون الخطوط العريضة حول عنصر | 2 |
| outlineOffset | إزاحة الخطوط العريضة، وتوجه إلى ما وراء حافة الحدود | 3 |
| outlineStyle | مجموعات أو إرجاع أسلوب الخطوط العريضة حول عنصر | 2 |
| outlineWidth | مجموعات أو إرجاع عرض الخطوط العريضة حول عنصر | 2 |
| overflow | مجموعات أو إرجاع ما يجب القيام به مع المحتوى الذي يجعل خارج منطقة الجزاء عنصر | 2 |
| overflowX | يحدد ما يجب القيام به مع اليسار حواف / يمين من المحتوى، وإذا كان يفيض مجال المحتوى للعنصر | 3 |
| overflowY | يحدد ما يجب القيام به مع الحواف العلوية / السفلية من المحتوى، وإذا كان يفيض مجال المحتوى للعنصر | 3 |
| padding | مجموعات أو إرجاع الحشو عنصر (can have up to four values) | 1 |
| paddingBottom | مجموعات أو إرجاع الحشو السفلي من عنصر | 1 |
| paddingLeft | مجموعات أو إرجاع الحشو الأيسر من عنصر | 1 |
| paddingRight | مجموعات أو إرجاع الحشو الأيمن من عنصر | 1 |
| paddingTop | مجموعات أو إرجاع الحشو العلوي من عنصر | 1 |
| pageBreakAfter | مجموعات أو إرجاع سلوك الصفحة كسر بعد عنصر | 2 |
| pageBreakBefore | مجموعات أو إرجاع سلوك الصفحة كسر قبل عنصر | 2 |
| pageBreakInside | مجموعات أو إرجاع سلوك الصفحة كسر داخل عنصر | 2 |
| perspective | مجموعات أو إرجاع وجهة نظر حول كيفية عناصر 3D ينظر | 3 |
| perspectiveOrigin | مجموعات أو إرجاع الموقف السفلي من عناصر 3D | 3 |
| position | مجموعات أو إرجاع نوع من طريقة لتحديد المواقع المستخدمة لعنصر (static, relative, absolute or fixed) | 2 |
| quotes | مجموعات أو إرجاع نوع من علامات الاقتباس لاقتباسات جزءا لا يتجزأ من | 2 |
| resize | مجموعات أو العودة أم لا عنصر هو يمكن تغيير حجم من قبل المستخدم | 3 |
| right | مجموعات أو إرجاع المكان المناسب لعنصر وضعه | 2 |
| tableLayout | مجموعات أو إرجاع طريقة لوضع خلايا الجدول والصفوف والأعمدة | 2 |
| tabSize | مجموعات أو إرجاع طول حرف التبويب | 3 |
| textAlign | مجموعات أو إرجاع المحاذاة الأفقية النص | 1 |
| textAlignLast | مجموعات أو عوائد كيفية محاذاة السطر الأخير من كتلة أو حق السطر قبل كسر خط أجبر عند محاذاة النص هو "justify" | 3 |
| textDecoration | مجموعات أو إرجاع الزخرفة النص | 1 |
| textDecorationColor | مجموعات أو إرجاع لون النص الزينة | 3 |
| textDecorationLine | مجموعات أو إرجاع نوع الخط في النص الديكور | 3 |
| textDecorationStyle | مجموعات أو إرجاع النمط من الخط في زخرفة النص | 3 |
| textIndent | مجموعات أو إرجاع المسافة البادئة من السطر الأول من النص | 1 |
| textJustify | مجموعات أو عوائد طريقة تبرير استخدامها عند محاذاة النص هو "justify" | 3 |
| textOverflow | مجموعات أو إرجاع ما يجب أن يحدث عندما يفيض النص عنصر يحتوي على | 3 |
| textShadow | مجموعات أو إرجاع تأثير الظل نص | 3 |
| textTransform | مجموعات أو إرجاع القيمة من النص | 1 |
| top | مجموعات أو إرجاع المرتبة الأولى من عنصر وضعه | 2 |
| transform | ينطبق هذا التحول 2D أو 3D إلى عنصر | 3 |
| transformOrigin | مجموعات أو إرجاع موقف العناصر حولت | 3 |
| transformStyle | مجموعات أو عوائد كيف عناصر متداخلة يتم تقديمها في الفضاء 3D | 3 |
| transition | خاصية الاختزال لوضع أو إعادة الممتلكات الانتقال أربعة | 3 |
| transitionProperty | مجموعات أو إرجاع خاصية CSS أن تأثير انتقال مخصص لل | 3 |
| transitionDuration | مجموعات أو إرجاع عدد الثواني أو مللي ثانية يأخذ تأثير انتقال لاستكمال | 3 |
| transitionTimingFunction | مجموعات أو إرجاع منحنى سرعة تأثير انتقال | 3 |
| transitionDelay | مجموعات أو العودة عندما يبدأ تأثير الانتقال | 3 |
| unicodeBidi | مجموعات أو إرجاع ما إذا كان ينبغي أن يتم تجاوز النص لدعم لغات متعددة في نفس الوثيقة | 2 |
| verticalAlign | مجموعات أو إرجاع المحاذاة العمودية للمحتوى في عنصر | 1 |
| visibility | مجموعات أو إرجاع ما إذا كان العنصر يجب أن يكون مرئيا | 2 |
| whiteSpace | مجموعات أو عوائد كيفية التعامل مع علامات التبويب، فواصل الأسطر والمسافات في النص | 1 |
| width | مجموعات أو إرجاع عرض عنصر | 1 |
| wordBreak | مجموعات أو إرجاع خط قواعد كسر للمخطوطات غير CJK- | 3 |
| wordSpacing | مجموعات أو إرجاع التباعد بين الكلمات في النص | 1 |
| wordWrap | يسمح طويلة، والكلمات غير قابلة للكسر لا بد من كسرها والتفاف إلى السطر التالي | 3 |
| widows | مجموعات أو إرجاع الحد الأدنى لعدد من خطوط لأحد العناصر التي يجب أن تكون واضحة في الجزء العلوي من صفحة | 2 |
| zIndex | مجموعات أو إرجاع الأمر كومة من عنصر وضعه | 2 |
صفحات ذات صلة
HTML البرنامج التعليمي: HTML CSS
CSS التعليمي: CSS دروس
إشارة HTML: HTML <style> العلامة
CSS إشارة: خصائص CSS