صورت Style HTML DOM
- صفحه قبلی HTML DOMTokenList
- صفحه بعدی API Canvas
Style Objeckt
Style Objeckt نماینده یک بیان单独ه‌ی استایل است.
ویژگی‌های Style Objeckt
| ویژگی | توضیح |
|---|---|
| alignContent | تنظیم یا بازگرداندن روش هم‌راستایی بین ردیف‌های محیط پذیرای انعطاف‌پذیر، وقتی که عنصرها از تمام فضای قابل استفاده استفاده نمی‌کنند. |
| alignItems | تنظیم یا بازگرداندن روش هم‌راستایی عنصر در محیط پذیرای انعطاف‌پذیر. |
| alignSelf | تنظیم یا بازگرداندن روش هم‌راستایی انتخاب شده در محیط پذیرای انعطاف‌پذیر. |
| animation | ویژگی اختصاری برای تمام ویژگی‌های نمایش، به استثنای animationPlayState. |
| animationDelay | تنظیم یا بازگرداندن زمانی که نمایش باید شروع شود. |
| animationDirection | تنظیم یا بازگرداندن اینکه نمایش در چرخه متناوب باید در جهت معکوس پخش شود یا خیر. |
| animationDuration | تنظیم یا بازگرداندن مدت زمان یک دوره نمایش به ثانیه یا میلی‌ثانیه. |
| animationFillMode | تنظیم یا بازگرداندن مقدار اعمال شده در زمان خارج از زمان اجرا. |
| animationIterationCount | تنظیم یا بازگرداندن تعداد دفعات نمایش. |
| animationName | تنظیم یا بازگرداندن نام نمایش @keyframes. |
| animationPlayState | تنظیم یا بازگرداندن اینکه نمایش در حال اجرا است یا معلق شده است. |
| animationTimingFunction | تنظیم یا بازگرداندن منحنی سرعت نمایش. |
| background | تنظیم یا بازگرداندن تمام ویژگی‌های پس‌زمینه در یک بیان. |
| backgroundAttachment | تنظیم یا بازگرداندن اینکه آیا تصویر پس‌زمینه ثابت است یا با حرکت صفحه scroll می‌شود. |
| backgroundClip | تنظیم یا بازگرداندن ناحیه‌ای که پس‌زمینه در آن رسم می‌شود. |
| backgroundColor | تنظیم یا بازگرداندن رنگ پس‌زمینه عنصر. |
| backgroundImage | تنظیم یا بازگرداندن تصویر پس‌زمینه عنصر. |
| backgroundOrigin | 设置或返回背景图像的定位区域。 |
| تنظیم یا بازگشت منطقه مکان‌دهی تصویر پس‌زمینه. | backgroundPosition |
| تنظیم یا بازگشت موقعیت شروع تصویر پس‌زمینه. | backgroundRepeat |
| تنظیم یا بازگشت نحوه تکرار (چیدمان) تصویر پس‌زمینه. | backgroundSize |
| تنظیم یا بازگشت اندازه تصویر پس‌زمینه. | backfaceVisibility |
| تنظیم یا بازگشت اینکه عنصر در حالت غیرروی صفحه آیا قابل مشاهده است یا خیر. | border |
| در یک فرمان تنظیم یا بازگشت عرض لبه، سبک لبه و رنگ لبه. | borderBottom |
| در یک فرمان تنظیم یا بازگشت تمامی ویژگی‌های borderBottom. | borderBottomColor |
| تنظیم یا بازگشت رنگ لبه پایین. | borderBottomLeftRadius |
| تنظیم یا بازگشت شکل لبه گوشه پایین سمت چپ. | borderBottomRightRadius |
| تنظیم یا بازگشت شکل لبه گوشه پایین سمت راست. | تنظیم یا بازگشت سبک لبه پایین. |
| borderBottomWidth | تنظیم یا بازگشت عرض لبه پایین. |
| borderCollapse | تنظیم یا بازگشت اینکه لبه جدول باید به یک لبه یکپارچه تبدیل شود یا خیر. |
| borderColor | تنظیم یا بازگشت رنگ لبه عنصر (تا چهار مقدار ممکن است تنظیم شوند). |
| borderImage | ویژگی کوتاه برای تنظیم یا بازگشت تمامی ویژگی‌های borderImage. |
| borderImageOutset | تنظیم یا بازگشت مقدار لبه تصویر که از محدوده box خارج می‌شود. |
| borderImageRepeat | تنظیم یا بازگشت اینکه لبه تصویر باید تکرار شود، حلقه شود یا کشیده شود. |
| borderImageSlice | تنظیم یا بازگشت میزان حرکت داخلی لبه تصویر. |
| borderImageSource | تنظیم یا بازگشت تصویری که به عنوان لبه استفاده می‌شود. |
| borderImageWidth | تنظیم یا بازگشت عرض لبه تصویر. |
| borderLeft | تنظیم یا بازگشت تمامی ویژگی‌های borderLeft در یک فرمان. |
| borderLeftColor | تنظیم یا بازگشت رنگ لبه سمت چپ. |
| borderLeftStyle | تنظیم یا بازگشت سبک لبه سمت چپ. |
| borderLeftWidth | تنظیم یا بازگشت عرض لبه سمت چپ. |
| borderRadius | ویژگی کوتاه برای تنظیم یا بازگشت تمامی ویژگی‌های borderRadius چهارگانه. |
| borderRight | تنظیم یا بازگشت تمامی ویژگی‌های borderRight در یک فرمان. |
| borderRightColor | تنظیم یا بازگشت رنگ لبه سمت راست. |
| borderRightStyle | 设置或返回右边框的样式。 |
| borderRightStyle | تنظیم یا بازگشت سبک حاشیه راست. |
| borderRightWidth | تنظیم یا بازگشت عرض حاشیه راست. |
| borderSpacing | تنظیم یا بازگشت فضای بین سلول‌های جدول. |
| borderStyle | تنظیم یا بازگشت سبک حاشیه عنصر (حداکثر چهار مقدار را می‌توان تنظیم کرد). |
| borderTop | در یک بیان، تنظیم یا بازگشت تمامی ویژگی‌های borderTop. |
| borderTopColor | تنظیم یا بازگشت رنگ حاشیه بالا. |
| borderTopLeftRadius | تنظیم یا بازگشت شکل گوشه بالای چپ. |
| borderTopRightRadius | تنظیم یا بازگشت سبک حاشیه بالا. |
| borderTopWidth | تنظیم یا بازگشت عرض حاشیه بالا. |
| borderWidth | تنظیم یا بازگشت عرض حاشیه عنصر (حداکثر چهار مقدار را می‌توان تنظیم کرد). |
| bottom | تنظیم یا بازگشت موقعیت پایینی عنصر. |
| boxDecorationBreak | تنظیم یا بازگشت رفتار پس‌زمینه و حاشیه عنصر در زمان صفحات یا برای عناصر درون‌خطی در زمان خط‌کشی. |
| boxShadow | در صورت نیاز، یک یا چند سایه به جعبه (box) اضافه می‌کند. |
| boxSizing | اجازه می‌دهد تا برخی از عناصر به گونه‌ای تنظیم شوند که به یک منطقه خاص مناسب باشند. |
| captionSide | تنظیم یا بازگشت موقعیت عنوان جدول. |
| caretColor | تنظیم یا بازگشت رنگ نشانگر/نشان‌نمای ماوس. |
| clear | تنظیم یا بازگشت موقعیت عنصر در برابر عنصرهای شناور. |
| clip | تنظیم یا بازگشت بخشی از عنصر که باید قابل مشاهده باشد. |
| color | تنظیم یا بازگشت رنگ متن. |
| columnCount | تنظیم یا بازگشت تعداد ستونهایی که عنصر باید به آن تقسیم شود. |
| columnFill | تنظیم یا بازگشت نحوه‌ی پر کردن ستون‌ها. |
| columnGap | تنظیم یا بازگشت فضای بین ستون‌ها. |
| columnRule | ویژگی کوتاه برای تنظیم یا بازگشت تمامی ویژگی‌های columnRule. |
| columnRuleColor | تنظیم یا بازگشت رنگ قوانین بین ستون‌ها. |
| columnRuleStyle | تنظیم یا بازگشت سبک قوانین بین ستون‌ها. |
| columnRuleWidth | تنظیم یا بازگشت عرض قوانین بین ستون‌ها. |
| columns | ویژگی کوتاه برای تنظیم یا بازگشت columnWidth و columnCount. |
| columnSpan | تنظیم یا بازگشت تعداد ستونهایی که عنصر باید از آن عبور کند. |
| columnWidth | تنظیم یا بازگشت عرض ستون. |
| content | با استفاده از پseudo-elements :before و :after، محتوای تولید شده را وارد می‌کند. |
| counterIncrement | افزودن یک یا چند شمارنده. |
| counterReset | ایجاد یا تنظیم یک یا چند شمارنده. |
| cursor | تنظیم یا بازگشت نوع موس‌پیکر نشان داده شده. |
| direction | تنظیم یا بازگشت جهت متن. |
| display | تنظیم یا بازگشت نوع نمایش عنصر. |
| emptyCells | تنظیم یا بازگشت این که آیا لبه‌ها و پس‌زمینه سلول‌های خالی نمایش داده شوند یا خیر. |
| filter | تنظیم یا بازگشت فیلتر تصویر (اثرات ویژه مانند تار و ساتورنیت). |
| flex | تنظیم یا بازگشت طول عنصر نسبت به باقی عناصر. |
| flexBasis | تنظیم یا بازگشت طول اولیه عنصر انعطاف‌پذیر. |
| flexDirection | تنظیم یا بازگشت جهت عنصر انعطاف‌پذیر. |
| flexFlow | ویژگی‌های مختصر flexDirection و flexWrap. |
| flexGrow | تنظیم یا بازگشت میزان رشد عنصر نسبت به بقیه عناصر. |
| flexShrink | تنظیم یا بازگشت روش انقباض عنصر نسبت به بقیه عناصر. |
| flexWrap | تنظیم یا بازگشت این که آیا عنصر باید به خطوط دیگر جابجا شود یا خیر. |
| cssFloat | تنظیم یا بازگشت روش چینش افقی عنصر. |
| font | تنظیم یا بازگشت ویژگی‌های فونت در یک جمله. |
| fontFamily | تنظیم یا بازگشت خانواده فونت متن. |
| fontSize | تنظیم یا بازگشت اندازه فونت متن. |
| fontStyle | تنظیم یا بازگشت سبک فونت به عنوان normal، italic یا oblique. |
| fontVariant | تنظیم یا بازگشت این که فونت باید به صورت کوچک‌تر از حروف بزرگ نمایش داده شود یا خیر. |
| fontWeight | تنظیم یا بازگشت اندازه فونت. |
| fontSizeAdjust | در صورت رخ دادن بازگشت فونت، خوانایی متن را حفظ می‌کند. |
| fontStretch | روش انعطاف‌پذیری فونت را از مجموعه فونت‌ها انتخاب می‌کند. |
| hangingPunctuation | تعیین می‌کند که آیا علامت‌های Pontuation می‌توانند خارج از جعبه خط قرار گیرند یا خیر. |
| height | تنظیم یا بازگشت ارتفاع عنصر. |
| hyphens | تنظیم می‌کند که چگونه کلمات باید شکسته شوند تا چیدمان پاراگراف بهبود یابد. |
| icon | به نویسنده اجازه می‌دهد تا از معادل‌های نمادین برای تنظیم سبک عنصر استفاده کند. |
| imageOrientation | تعیین می‌کند که کارگزار کاربر باید به تصویر به سمت راست یا چرخش معکوس اعمال کند. |
| isolation | تعیین می‌کند که آیا عنصر باید محتوای چیدمان جدیدی ایجاد کند یا خیر. |
| justifyContent | وقتی که پروژه از تمام فضاهای موجود استفاده نمی‌کند، روش تطبیق پروژه‌ها در کانتاینر انعطاف‌پذیر را تنظیم یا بازگرداند. |
| left | تنظیم یا بازگشت موقعیت چپ عنصر تعیین شده. |
| letterSpacing | 设置或返回文本中字符之间的空间。 |
| letterSpacing | مقدار یا بازگشت می‌کند که چگونه باید فضای بین حروف در متن تنظیم شود. |
| lineHeight | مقدار یا بازگشت می‌کند که چگونه باید فاصله بین خطوط در متن تنظیم شود. |
| listStyle | در یک بیان، مقدار یا بازگشت می‌کند که چگونه باید سبک لیست تنظیم شود. |
| listStyleImage | مقدار یا بازگشت می‌کند که چگونه باید تصویر به عنوان نشانه‌ی لیست استفاده شود. |
| listStylePosition | مقدار یا بازگشت می‌کند که چگونه باید موقعیت نشانه‌ی لیست تنظیم شود. |
| listStyleType | مقدار یا بازگشت می‌کند که چگونه باید نوع نشانه‌ی لیست تنظیم شود. |
| margin | مقدار یا بازگشت می‌کند که چگونه باید حاشیه‌های عنصر تنظیم شود (حداکثر می‌تواند چهار مقدار تنظیم شود). |
| marginBottom | مقدار یا بازگشت می‌کند که چگونه باید حاشیه پایینی عنصر تنظیم شود. |
| marginLeft | مقدار یا بازگشت می‌کند که چگونه باید حاشیه چپ عنصر تنظیم شود. |
| marginRight | مقدار یا بازگشت می‌کند که چگونه باید حاشیه راست عنصر تنظیم شود. |
| marginTop | مقدار یا بازگشت می‌کند که چگونه باید حاشیه بالای عنصر تنظیم شود. |
| maxHeight | مقدار یا بازگشت می‌کند که چگونه باید حداقل ارتفاع عنصر تنظیم شود. |
| maxWidth | مقدار یا بازگشت می‌کند که چگونه باید حداقل عرض عنصر تنظیم شود. |
| minHeight | مقدار یا بازگشت می‌کند که چگونه باید حداقل ارتفاع عنصر تنظیم شود. |
| minWidth | مقدار یا بازگشت می‌کند که چگونه باید حداقل عرض عنصر تنظیم شود. |
| navDown | مقدار یا بازگشت می‌کند که چگونه باید ترتیب پرش عنصر تنظیم شود. |
| navIndex | مقدار یا بازگشت می‌کند که چگونه باید موقعیت ناوبری با استفاده از کلید‌های هدایت به پایین تنظیم شود. |
| navLeft | مقدار یا بازگشت می‌کند که چگونه باید موقعیت ناوبری با استفاده از کلید‌های هدایت به چپ تنظیم شود. |
| navRight | مقدار یا بازگشت می‌کند که چگونه باید موقعیت ناوبری با استفاده از کلید‌های هدایت به بالا تنظیم شود. |
| navUp | اینکه چگونه باید محتوای عنصر جایگزین به جعبه‌ای که با استفاده از ارتفاع و عرض تعیین شده است، مناسب شود را مشخص می‌کند. |
| objectPosition | نحوه‌ی قرارگیری عنصر جایگزین در داخل جعبه را مشخص می‌کند. |
| opacity | مقدار یا بازگشت می‌کند که چگونه باید میزان شفافیت عنصر تنظیم شود. |
| order | مقدار یا بازگشت می‌کند که چگونه باید دستورالعمل‌های انعطاف‌پذیر در مقایسه با بقیه‌ی عناصر تنظیم شوند. |
| orphans | مقدار یا بازگشت می‌کند که چگونه باید تعداد حداقلی از خطوطی که باید در پایین صفحه باقی بمانند، تنظیم شود. |
| outline | در یک بیان، مقدار یا بازگشت می‌کند که همه‌ی ویژگی‌های outline تنظیم شوند. |
| outlineColor | مقدار یا بازگشت می‌کند که چگونه باید رنگ محدوده اطراف عنصر تنظیم شود. |
| outlineOffset | محدوده اطراف را جابجا کرده و آن را خارج از لبه‌های قاب کشیده می‌کند. |
| outlineStyle | مقدار یا بازگشت می‌کند که چگونه باید سبک محدوده اطراف عنصر تنظیم شود. |
| outlineWidth | مقدار یا بازگشت می‌کند که چگونه باید عرض محدوده اطراف عنصر تنظیم شود. |
| overflow | مقدار یا بازگشت می‌کند که چگونه باید محتوای خارج از جعبه عنصر پردازش کرد. |
| overflowX | تعریف می‌کند که چگونه باید لبه‌های چپ/راست محتوای را در صورت جاگذاری در محدوده محتوای عنصر پردازش کرد. |
| overflowY | تعیین نحوه مدیریت لبه‌های بالا/پایین محتوای، اگر آن‌ها از محدوده محتوای عنصر خارج شوند. |
| padding | تنظیم یا بازگشت فضای فضای درون عنصر (حداکثر می‌تواند چهار مقدار تنظیم شود). |
| paddingBottom | تنظیم یا بازگشت فضای فضای پایین عنصر. |
| paddingLeft | تنظیم یا بازگشت فضای فضای چپ عنصر. |
| paddingRight | تنظیم یا بازگشت فضای فضای راست عنصر. |
| paddingTop | تنظیم یا بازگشت فضای فضای بالای عنصر. |
| pageBreakAfter | تنظیم یا بازگشت رفتار صفحات بعد از عنصر. |
| pageBreakBefore | تنظیم یا بازگشت رفتار صفحات قبل از عنصر. |
| pageBreakInside | تنظیم یا بازگشت رفتار صفحات داخل عنصر. |
| perspective | تنظیم یا بازگشت نحوه دیدن عنصر سه‌بعدی. |
| perspectiveOrigin | تنظیم یا بازگشت موقعیت پایین عنصر سه‌بعدی. |
| position | تنظیم یا بازگشت نوع روش مکانیابی استفاده شده برای عنصر (ثابت، مختصری، مطلق یا ثابت). |
| quotes | تنظیم یا بازگشت نوع قیدهای نقل قول. |
| resize | تنظیم یا بازگشت اینکه آیا عنصر می‌تواند توسط کاربر تغییر اندازه داده شود یا خیر. |
| right | تنظیم یا بازگشت موقعیت سمت راست عنصر مکانیابی. |
| scrollBehavior | تعیین اینکه آیا باید یک انیمیشن حرکت یکنواخت به سمت موقعیت مکانیابی به هنگام کلیک روی لینک‌های درون یک پنجره قابل حرکت وجود داشته باشد یا خیر. |
| tableLayout | تنظیم یا بازگشت نحوه چیدمان سلول‌های جدول، ردیف و ستون. |
| tabSize | تنظیم یا بازگشت طول کاراکتر Tab. |
| textAlign | تنظیم یا بازگشت روش هماهنگی افقی متن. |
| textAlignLast | وقتی text-align به "justify" تنظیم شده است، تنظیم یا بازگشت نحوه هماهنگی آخرین خط یا خط‌های مجبور به پرش. |
| textDecoration | تنظیم یا بازگشت تزئینات متن. |
| textDecorationColor | تنظیم یا بازگشت رنگ تزئینات متن. |
| textDecorationLine | تنظیم یا بازگشت نوع خط در تزئینات متن. |
| textDecorationStyle | تنظیم یا بازگشت سبک خط در تزئینات متن. |
| textIndent | تنظیم یا بازگشت فضای شروع خط اول متن. |
| textJustify | تنظیم یا بازگشت روش هماهنگی استفاده شده وقتی text-align به "justify" تنظیم شده است. |
| textOverflow | تنظیم یا بازگشت وضعیت رخداد باید رخ دهد وقتی متن از محتوای شامل فوریت می‌شود. |
| textShadow | تنظیم یا بازگشت تأثیر سایه متن. |
| textTransform | تنظیم یا بازگشت اندازه‌ی متن. |
| top | تنظیم یا بازگشت موقعیت بالا عناصر موقعیت‌دهی شده. |
| transform | اعمال تبدیل 2D یا 3D به عناصر. |
| transformOrigin | تنظیم یا بازگشت موقعیت عناصر تبدیل شده. |
| transformStyle | تنظیم یا بازگشت روش رندر عناصر چسبیده در فضای سه‌بعدی. |
| transition | ویژگی کوتاه برای تنظیم یا بازگشت چهار ویژگی تبدیل. |
| transitionProperty | تنظیم یا بازگشت ویژگی‌های CSS اثر گذاری. |
| transitionDuration | تنظیم یا بازگشت زمانی که باید اثر گذاری کامل شود. |
| transitionTimingFunction | تنظیم یا بازگشت منحنی سرعت اثر گذاری. |
| transitionDelay | تنظیم یا بازگشت زمانی که باید اثر گذار باشد. |
| unicodeBidi | تنظیم یا بازگشت اینکه آیا باید متن را پوشش داد تا چندین زبان در یک مستند واحد پشتیبانی شوند. |
| userSelect | تنظیم یا بازگشت قابلیت انتخاب متن عناصر. |
| verticalAlign | تنظیم یا بازگشت روش عمودی هم‌ترازی محتوای عناصر. |
| visibility | تنظیم یا بازگشت قابل مشاهده بودن عناصر. |
| whiteSpace | تنظیم یا بازگشت نحوه‌ی مدیریت تاب‌ها، خط‌های جدید و فضاهای خالی در متن. |
| width | تنظیم یا بازگشت عرض عناصر. |
| wordBreak | تنظیم یا بازگشت قوانین ترک حرف برای غیر CJK. |
| wordSpacing | تنظیم یا بازگشت فضای بین کلمات در متن. |
| wordWrap | اجازه می‌دهد تا کلمات بلند و غیر قابل شکستن به خط بعدی منتقل شوند. |
| widows | تنظیم یا بازگشت تعداد کمترین خط‌هایی که باید در صفحه بالای عناصر قابل مشاهده باشند. |
| zIndex | تنظیم یا بازگشت ترتیب پشته‌ای عناصر موقعیت‌دهی شده. |
دسترسی به شی استایل
می‌توان به شی استایل از بخش head مستند یا عناصر HTML مشخص شده دسترسی پیدا کرد.
مثال 1
به شی استایل‌های بخش head مستند دسترسی پیدا کنید:
var x = document.getElementsByTagName("STYLE");
مثال 2
به شی استایل عناصر مشخص شده دسترسی پیدا کنید:
var x = document.getElementById("myH1").style;
ایجاد شی Style
مثال 1
شما می‌توانید از روش document.createElement() برای ایجاد عنصر <style> استفاده کنید:
var x = document.createElement("STYLE");
مثال 2
شما همچنین می‌توانید ویژگی‌های استایل یک عنصر موجود را تنظیم کنید:
document.getElementById("myH1").style.color = "red";
صفحات مرتبط
آموزش HTML:HTML CSS
آموزش CSS:آموزش CSS
دستورالعمل مرجع HTML:برچسب <style> HTML
دستورالعمل مرجع CSS:ویژگی‌های CSS
- صفحه قبلی HTML DOMTokenList
- صفحه بعدی API Canvas
