ایچ تی ایم ایل ڈوم اسٹائل اوبجیکٹ

Style Object

Style Object نمایانگر یک بیان单独ی از استایل است.

ویژگی‌های Style Object

ویژگی توضیح
alignContent ترجیح یا بازگشتن روش تراز کردن سطرها در محیط انعطاف‌پذیر، زمانی که پروژه‌ها از تمامی فضای موجود استفاده نمی‌کنند.
alignItems ترجیح یا بازگشتن روش تراز کردن پروژه‌ها در محیط انعطاف‌پذیر.
alignSelf ترجیح یا بازگشتن روش تراز کردن پروژه‌های انتخاب شده در محیط انعطاف‌پذیر.
animation ویژگی کوتاه‌نویسی تمامی ویژگی‌های انیمیشن، به جز ویژگی animationPlayState.
animationDelay ترجیح یا بازگشتن زمانی که انیمیشن باید شروع شود.
animationDirection ترجیح یا بازگشتن اینکه انیمیشن در چرخه متناوب باید به عقب پخش شود یا خیر.
animationDuration ترجیح یا بازگشتن زمان یک دوره کامل انیمیشن به ثانیه یا میلی‌ثانیه.
animationFillMode ترجیح یا بازگشتن مقدار اعمال شده در خارج از زمان اجرای انیمیشن.
animationIterationCount ترجیح یا بازگشتن تعداد دفعات پخش انیمیشن.
animationName ترجیح یا بازگشتن نام انیمیشن @keyframes.
animationPlayState ترجیح یا بازگشتن اینکه انیمیشن در حال اجرا است یا متوقف شده.
animationTimingFunction ترجیح یا بازگشتن خطی سرعت آهنگ انیمیشن.
background ترجیح یا بازگشتن تمامی ویژگی‌های پس‌زمینه در یک جمله.
backgroundAttachment ترجیح یا بازگشتن اینکه تصویر پس‌زمینه ثابت است یا با صفحه به همراه می‌رود.
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 ایک عنصر کا دائیں فریم کا انداز کو سیٹ یا واپس لایا جاتا ہے。
borderRightWidth ایک عنصر کا دائیں فریم کی چوڑائی کو سیٹ یا واپس لایا جاتا ہے。
borderSpacing جائز کی کلوئی کا فاصلہ سیٹ یا واپس لایا جاتا ہے。
borderStyle ایک عنصر کا فریم کا انداز کو سیٹ یا واپس لایا جاتا ہے (کم سے زیادہ چار کا سیٹ یا واپس لایا جاتا ہے)。
borderTop ایک عنصر کا اوپر فریم کی تمام کی سیٹ یا واپس لایا جاتا ہے。
borderTopColor ایک عنصر کا اوپر فریم کا رنگ کو سیٹ یا واپس لایا جاتا ہے。
borderTopLeftRadius ایک عنصر کا اوپر کون کا فریم کی شکل کو سیٹ یا واپس لایا جاتا ہے。
borderTopRightRadius ایک عنصر کا اوپر کون کا فریم کی شکل کو سیٹ یا واپس لایا جاتا ہے。
borderTopStyle ایک عنصر کا اوپر فریم کا انداز کو سیٹ یا واپس لایا جاتا ہے。
borderTopWidth ایک عنصر کا اوپر فریم کی چوڑائی کو سیٹ یا واپس لایا جاتا ہے。
borderWidth ایک عنصر کا فریم کی چوڑائی کو سیٹ یا واپس لایا جاتا ہے (کم سے زیادہ چار کا سیٹ یا واپس لایا جاتا ہے)。
bottom مستقل عنصر کا نیچل پوزیشن سیٹ یا واپس لایا جاتا ہے。
boxDecorationBreak ایک عنصر کو صفحات پر یا سلسلے میں کس طرح پر پس منظر اور فریم کا انداز سیٹ یا واپس لایا جاتا ہے، یا لینگاریچ عنصر کس طرح پر چوڑائی سیٹ یا واپس لایا جاتا ہے。
boxShadow ایک یا کئی شرطی کو بکس (بکس) پر قائم کیا جاتا ہے。
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 تعیین می‌کند که آیا نشانه‌های نگارشی می‌توانند در خارج از قاب خط قرار گیرند یا خیر.
height تنظیم یا بازگشت ارتفاع عنصر.
hyphens تنظیم می‌کند که چگونه کلمات باید شکسته شوند تا ساختار پاراگراف بهبود یابد.
icon به نویسنده اجازه می‌دهد تا با استفاده از معادل‌های نمادین، سبک عنصر را تنظیم کند.
imageOrientation تعیین می‌کند که کارگزار کاربر باید به سمت راست یا چرخش معکوس برای تصویر اعمال شود.
isolation تعریف می‌کند که آیا عنصر باید محتوای جدیدی ایجاد کند یا خیر.
justifyContent وقتی که پروژه از تمام فضاهای موجود استفاده نمی‌کند، تنظیم یا بازگشت روش هم‌آهنگی بین پروژه‌های داخل کانتینر انعطاف‌پذیر.
left نمائش یا تنظیم موقعیت چپ عنصر تعیین شده.
letterSpacing تنظیم یا بازگشت فضای بین حروف در متن.
lineHeight تنظیم یا بازگشت فاصله بین خطوط در متن.
listStyle در یک جمله تنظیم یا بازگشت لیست‌های استایل.
listStyleImage تنظیم یا بازگشت تصویر به عنوان علامت لیست.
listStylePosition تنظیم یا بازگشت موقعیت علامت لیست.
listStyleType تنظیم یا بازگشت نوع علامت لیست.
margin تنظیم یا بازگشت حاشیه خارجی (حداکثر چهار مقدار می‌توانند تنظیم شوند).
marginBottom تنظیم یا بازگشت حاشیه خارجی پایین عنصر.
marginLeft تنظیم یا بازگشت حاشیه خارجی چپ عنصر.
marginRight تنظیم یا بازگشت حاشیه خارجی راست عنصر.
marginTop تنظیم یا بازگشت حاشیه خارجی بالا عنصر.
maxHeight تنظیم یا بازگشت حداکثر ارتفاع عنصر.
maxWidth تنظیم یا بازگشت حداکثر عرض عنصر.
minHeight تنظیم یا بازگشت حداقل ارتفاع عنصر.
minWidth تنظیم یا بازگشت حداقل عرض عنصر.
navDown تنظیم یا بازگشت موقعیت ناوبری با استفاده از کلیدهای هدایت به پایین.
navIndex تنظیم یا بازگشت ترتیب پرش عنصر.
navLeft تنظیم یا بازگشت موقعیت ناوبری با استفاده از کلیدهای هدایت به چپ.
navRight تنظیم یا بازگشت موقعیت ناوبری با استفاده از کلیدهای هدایت به راست.
navUp تنظیم یا بازگشت موقعیت ناوبری با استفاده از کلیدهای هدایت به بالا.
objectFit تعیین نحوه تطبیق محتوای عنصر جایگزین با جعبه تعیین شده توسط ارتفاع و عرض.
objectPosition تعیین نحوه قرارگیری عنصر جایگزین در داخل جعبه.
opacity تنظیم یا بازگشت میزان شفافیت عنصر.
order تنظیم یا بازگشت ترتیب انعطاف‌پذیر در مقایسه با بقیه عناصر.
orphans تنظیم یا بازگشت تعداد حداقلی از خطوط که باید در پایین صفحه باقی بمانند.
outline در یک جمله تنظیم یا بازگشت تمام ویژگی‌های outline.
outlineColor تنظیم یا بازگشت رنگ اطراف عنصر.
outlineOffset جابجایی اطراف اطراف و آن را خارج از لبه‌های حاشیه ترسیم می‌کند.
outlineStyle تنظیم یا بازگشت سبک اطراف عنصر.
outlineWidth تنظیم یا بازگشت عرض اطراف عنصر.
overflow تنظیم یا بازگشت نحوه نمایش محتوایی که در خارج از جعبه عنصر نمایش داده می‌شود.
overflowX نامزدگی کسانی که چگونه با حاشیه چپ/راست محتوا رفتار کنند، اگر آن از محدوده محتوا یعنی عنصر فراتر رود.
overflowY تعیین نحوه مدیریت لبه‌های بالا/پایین محتوای، اگر آن‌ها از محدوده محتوای عنصر جاگذاری شوند.
padding نویش یا بازگشت فضای داخلی عنصر (حداکثر می‌توان تا چهار مقدار تنظیم کرد).
paddingBottom نویش یا بازگشت فضای داخلی پایین عنصر.
paddingLeft نویش یا بازگشت فضای داخلی سمت چپ عنصر.
paddingRight نویش یا بازگشت فضای داخلی سمت راست عنصر.
paddingTop نویش یا بازگشت فضای داخلی بالای عنصر.
pageBreakAfter نویش یا بازگشت رفتار صفحات بعد از عنصر.
pageBreakBefore نویش یا بازگشت رفتار صفحات قبل از عنصر.
pageBreakInside نویش یا بازگشت رفتار صفحات در داخل عنصر.
perspective نویش یا بازگشت نحوه دیدن عنصر 3D.
perspectiveOrigin نویش یا بازگشت موقعیت پایین عنصر 3D.
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 تنظیم یا بازگشت نحوه‌ی مدیریت Tab، خط‌بری و فاصله‌ها در متن.
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:HTML <style> تگ

مرجع CSS:کیفیت CSS