آموزش کنترل CSS با جاوا اسکریپت

معرفی Introduction

• امکانات جدید در تقاطع CSS و JavaScript New possibilities at the intersection of CSS and JavaScript

• فایل های تمرینی Exercise files

1. دسترسی به Style Sheets و Styles 1. Accessing Style Sheets and Styles

• به تمام شیوه نامه های موجود در یک سند دسترسی داشته باشید Access all style sheets in a document

• شیوه نامه خاصی را در یک سند پیدا کنید Find specific style sheet in a document

• یک استایل شیت را با استفاده از جاوا اسکریپت غیرفعال کنید Disable a style sheet using JavaScript

• قوانین دسترسی از یک استایل شیت Access rules from a style sheet

• درج و حذف قوانین از یک استایل شیت Insert and delete rules from a style sheet

• Challenge: Stylesheet Switcher Challenge: Stylesheet switcher

• راه حل: Switcher StyleSheet Solution: Stylesheet switcher

2. کار با قوانین سبک 2. Working with Style Rules

• یک قانون شیوه نامه را اصلاح کنید Modify a stylesheet rule

• سبکهایی را که برای یک عنصر محاسبه شده اند بیابید Find what styles have computed for an element

• افزودن سبک های درون خطی جدید به یک عنصر Add new inline styles to an element

• دسترسی به سبک عناصر درون خطی Access inline element styles

• رفتار با سبک ها به عنوان ویژگی های عنصر Treating styles as element attributes

3. کار با Properties 3. Working with Properties

• به اعلامیه یک قانون CSS خاص دسترسی پیدا کنید Access the declaration of a specific CSS rule

• ارزش خاص دارایی را بدست آورید Get a specific property value

• مقدار اموال موجود را تنظیم کنید یا یک ملک جدید ایجاد کنید Set existing property value or create a new property

• ویژگی خاصی را از یک قاعده حذف کنید Remove a specific property from a rule

• مدل شیء تایپ شده CSS The CSS Typed Object Model

• ایجاد و دسترسی به قوانین سبک با ویژگی styleMap Create and access style rules with the styleMap property

• ایجاد/دسترسی به سبک های عناصر درون خطی با attributeStyleMap Create/access inline element styles with attributeStyleMap

• چالش: جعبه را بچرخانید Challenge: Rotate the box

• راه حل: جعبه را بچرخانید Solution: Rotate the box

4. کار با ویژگی های سفارشی 4. Working with Custom Properties

• دسترسی به ویژگی های سفارشی Access custom properties

• مقدارهای ویژگی سفارشی را تنظیم کنید Set custom property values

• درک ویژگی های سفارشی ثبت شده Understanding registered custom properties

• تعریف ویژگی های سفارشی ثبت شده Defining registered custom properties

• چالش: انتخاب رنگ Challenge: Color selector

• راه حل: انتخاب رنگ Solution: Color selector

نتیجه Conclusion

• API های جدید در حال توسعه است New APIs under development