Banyak properti gaya CSS memiliki tanda hubung di namanya, yang diartikan sebagai tanda minus di JavaScript.
Oleh karena itu, nama properti objek CSS2Properties agak berbeda dari nama properti CSS sebenarnya.
Jika nama properti CSS berisi satu atau lebih tanda hubung, tanda hubung tersebut harus dihilangkan di JS, dan huruf asli segera setelah tanda hubung diubah menjadi huruf besar.
Perlu diperhatikan bahwa float adalah kata kunci di JS, jadi di JS float ditulis sebagai cssFloat atau floatStyle.
Berikut tabel perbandingan antara properti CSS dan pengkodean CSS di JavaScript:
Perbandingan label kotak dan atribut:
Kode
Sintaks CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
perbatasan perbatasan
perbatasan-batas bawahbatasBawah
batas warna bawah batasBottomColor
border-bottom-gaya borderBottomStyle
perbatasan-lebar bawah perbatasanBottomWidth
border-warna borderColor
perbatasan-kiri perbatasanKiri
perbatasan-warna kiri borderLeftColor
border-left-style borderLeftStyle
perbatasan-lebar kiri borderLeftWidth
perbatasan-kanan perbatasankanan
perbatasan-warna kanan borderRightColor
borderRightStyle gaya perbatasan kanan
border-right-width borderRightWidth
borderStyle bergaya perbatasan
perbatasan-atas perbatasanTop
perbatasan-warna atas borderTopColor
borderTopStyle bergaya perbatasan atas
border-top-width borderTopWidth
lebar batas borderWidth
jelas jelas
float floatStyle(yaitu) cssFloat(FF)
margin margin
margin-margin bawahBawah
margin-kiri marginkiri
margin-kanan marginkanan
margin-top marginTop
bantalan bantalan
bantalan-bawah bantalanBawah
padding-padding kiriKiri
padding-kanan paddingkanan
padding-top paddingTop
Label warna dan latar belakang serta perbandingan atribut:
Kode
Sintaks CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
latar belakang latar belakang
latar belakang-lampiran backgroundLampiran
warna latar belakang warna latar belakang
gambar latar belakang gambar latar belakang
posisi latar belakang posisi latar belakang
latar belakang-ulangi latar belakangUlangi
warna warna
Perbandingan tag gaya dan atribut:
Kode
Sintaks CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
tampilan tampilan
tipe gaya daftar listStyleType
daftar-gaya-gambar listStyleImage
daftar-gaya-posisi listStylePosition
gaya daftar listStyle
spasi putih spasi putih
Label gaya teks dan perbandingan atribut:
Kode
Sintaks CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
huruf huruf
font-family fontFamily
ukuran font fontSize
gaya font fontStyle
varian font fontVariant
font-berat fontWeight
Label teks dan perbandingan atribut:
Kode
Sintaks CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
spasi huruf spasi huruf
jeda baris lineBreak
garis-tinggi garisTinggi
perataan teks perataan teks
dekorasi teks textDecoration
indentasi teks textIndent
pembenaran teks pembenaran teks
transformasi teks textTransform
perataan vertikal perataan vertikal