التحويل من CSS الى JavaScript

[Zizwar]

السلام عليكم

هذه لا ئحة بأهم مراجع CSS وتحويلها الى JavaScript
مثال
بال background-color بال CSS لتحويلها الى الجافاسكريبت سنزيل علامة - ونكبر الحرف اذي يليها لتصبح backgroundColor
هذا حتى نتحكم بها من خلال الجافاسكريبت، طريقة الإستعمال
في انترنت اكسبلورر

document.all.id.style.backgroundColor = "القيمة"; 

ولنتسكيب

document.id.style.backgroundColor = "القيمة"; 

و لكل المتصفحات القياسية

document.getElementById("id").style.backgroundColor = "القيمة"; 

وهنا ال id هي تعرفة المعلم التي نعطيها للوسم الذي نريد ان نتحكم في تنسيقه
وهذه هي الائحة، على اليسار بال CSS في اليمين بال JavaScript

background ->-> background
background-attachment ->-> backgroundAttachment
background-color ->-> backgroundColor
background-image ->-> backgroundImage
background-position ->-> backgroundPosition
background-repeat ->-> backgroundRepeat
border ->-> border
border-bottom ->-> borderBottom
border-bottom-color ->-> borderBottomColor
border-bottom-style ->-> borderBottomStyle
border-bottom-width ->-> borderBottomWidth
border-color ->-> borderColor
border-left ->-> borderLeft
border-left-color ->-> borderLeftColor
border-left-style ->-> borderLeftStyle
border-left-width ->-> borderLeftWidth
border-right ->-> borderRight
border-right-color ->-> borderRightColor
border-right-style ->-> borderRightStyle
border-right-width ->-> borderRightWidth
border-style ->-> borderStyle
border-top ->-> borderTop
border-top-color ->-> borderTopColor
border-top-style ->-> borderTopStyle
border-top-width ->-> borderTopWidth
border-width ->-> borderWidth
clear ->-> clear
clip ->-> clip
color ->-> color
cursor ->-> cursor
display ->-> display
filter ->-> filter
font ->-> font
font-family ->-> fontFamily
font-size ->-> fontSize
font-variant ->-> fontVariant
font-weight ->-> fontWeight
height ->-> height
left ->-> left
letter-spacing ->-> letterSpacing
line-height ->-> lineHeight
list-style ->-> listStyle
list-style-image ->-> listStyleImage
list-style-position ->-> listStylePosition
list-style-type ->-> listStyleType
margin ->-> margin
margin-bottom ->-> marginBottom
margin-left ->-> marginLeft
margin-right ->-> marginRight
margin-top ->-> marginTop
overflow ->-> overflow
padding ->-> padding
padding-bottom ->-> paddingBottom
padding-left ->-> paddingLeft
padding-right ->-> paddingRight
padding-top ->-> paddingTop
page-break-after ->-> pageBreakAfter
page-break-before ->-> pageBreakBefore
position ->-> position
float ->-> styleFloat
text-align ->-> textAlign
text-decoration ->-> textDecoration
text-decoration: blink ->-> textDecorationBlink
text-decoration: line-through ->-> textDecorationLineThrough
text-decoration: none ->-> textDecorationNone
text-decoration: overline ->-> textDecorationOverline
text-decoration: underline ->-> textDecorationUnderline
text-indent ->-> textIndent
text-transform ->-> textTransform
top ->-> top
vertical-align ->-> verticalAlign
visibility ->-> visibility
width ->-> width
z-index ->-> zIndex 

[ابو الويس]

حلو يا زيزوار ما شاء الله
هذه الصفحه ساطبعها واستخدمها كمرجع
شكرا لك

[مشراق]

معلومة جديدة ومفيدة اخوي زيزوار
ياحبذا لو تعطينا تطبيق عملي بسيط على كيفية تغيير background في الـ css
من
background-image: url("images/bg_2.jpg");
إلى الجافا

[Bo3oof]

جزاك الله خيرا أخي زيزوار

أما بالنسبة لسؤاك أخي مشراق، فأنا لم أجربه للتأكد ولكني كتبته على السريع أتمنى أنه يشتغل،

document.getElementById('elID').backgroundImage  = 'URI to ur image';

[Zizwar]

بارك الله فيكم
وشكرا للتوضيح أبوعوف
أخي المشراق هذه هي القاعدة
اتبع القاعدة التي فوق، وغير علامة : الى = أحصر القيمة بين علامتي التنصيص

document.getElementById('elID').backgroundImage = 'url("images/bg_2.jpg")';