ویژگی style عنصر DOM HTML

تعریف و استفاده

style ویژگی‌ها ارزش ویژگی style عنصر را به صورت موضوع CSSStyleDeclaration بازمی‌گرداند.

موضوع CSSStyleDeclaration شامل تمام ویژگی‌های استایل درون‌تن (inline) عنصر است. شامل ویژگی‌های استایل خارجی نیست. <head> ویژگی‌های سبک در بخش‌های داخلی یا هر استایل خارجی‌ای که تنظیم شده‌اند.

نکته 1

نمی‌توانید از این سبک استفاده کنید:

element.style = "color:red";

باید از این ویژگی‌های CSS استفاده کنید:

element.style.backgroundColor = "red";

به طور شخصی امتحان کنید

نکته 2

زبان برنامه‌نویسی JavaScript و CSS کمی متفاوت است:

backgroundColor / background-color

لطفاً به دستورالعمل کامل موضوع Style.

نکته 3

لطفاً از این ویژگی style استفاده کنید، نه روش setAttribute()، تا از پوشش ویژگی‌های دیگر ویژگی style جلوگیری شود.

لطفاً به این بخش مراجعه کنید:

آموزش CSS

دستورالعمل CSS

موضوع Style

برچسب <style> HTML

مثال

مثال 1

رنگ "myH1" را تغییر دهید:

document.getElementById("myH1").style.color = "red";

به طور شخصی امتحان کنید

مثال 2

ارزش لبه بالایی "myP" را به دست آورید:

let value = document.getElementById("myP").style.borderTop;

به طور شخصی امتحان کنید

قوانین

ویژگی style را بازگردانید:

عنصر.style.ویژگی

ویژگی style را تنظیم کنید:

عنصر.style.ویژگی = ارزش

ارزش ویژگی

ارزش توضیح
ارزش

ارزش ویژگی‌ها را مشخص کنید.

مثال:

element.style.borderBottom = "2px solid red"

ارزش بازگشتی

نوع توضیح
موضوع موضوع CSSStyleDeclaration عنصر.

پشتیبانی مرورگر

element.style این یک ویژگی DOM Level 2 (2001) است.

همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:

کروم آی‌ای‌ای اندروید فایرفاکس سفاری آپرا
کروم آی‌ای‌ای اندروید فایرفاکس سفاری آپرا
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی