Beranda>Tutorial Desain Web>Tutorial CSS

Tabel perbandingan properti Gaya JavaScript CSS

Penulis：Eve Cole Waktu Pembaruan：2009-06-12 17:47:10

Untuk mencapai beberapa efek khusus, kita perlu menggunakan Javascript untuk secara dinamis mengubah atribut CSS dari tag tertentu. Misal: ketika mouse melewati suatu gambar, kita menambahkan border pada gambar tersebut. Kodenya mungkin sebagai berikut:

Kode JavaScript
  1. <script type= "text/javascript" >
  2.      function imageOver(e) {
  3. e.style.border= "1 piksel merah pekat "
  4. }
  5.      function imageOut(e) {
  6. e.style.borderWidth=0
  7. }
  8. </script>
  9. <img src= "phplamp.gif" onmouseover= "imageOver(this)" onmouseout= "imageOut(this)" />

di belakang gaya dalam JavaScript Apa yang harus menjadi properti dari ?

JavaScript CSS Style atribut tabel perbandingan
Batas warna Lebar Bawah kiri gaya kiri lebar kiri batas kanan warna gaya kananlebar- bawahBantalan kiriBantalan kananBantalan latar belakanglatar belakang warnaLatar latar - font
label kotak dan perbandingan atribut
Sintaks CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
batas batas batas
bawah batas bawah
-batas warna Bawah
-batas gaya bawah Batas BawahStyle
-batas lebar bawah Batas Lebar Bawah
Batas
-batas warnaBatas warna
- batas kiriBatas
-batas warna kiriKiriBatas
warna-batas gaya kiriBatas
-batas lebar kiriBatas
-kananBatas
-batas warna kananKananBatas
-batas gaya kananBatas
kanan-batas lebar kananBatas
gaya borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
float floatStyle
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
padding padding
padding- bantalan
bawah- bantalan
kiri- bantalan
kanan- bantalan atasAtas
 
Label warna dan latar belakang serta perbandingan atribut
Sintaks CSS (tidak peka huruf besar/kecil) Sintaks JavaScript (peka huruf besar/kecil)
latar belakang latar belakang
lampiran latar belakang warna latar belakang lampiranLatar
belakang warna
belakang gambar
belakang posisiLatar belakang posisi
latar belakang ulangi
warna warna
 
Tag gaya dan atribut dibandingkan dengan
sintaksis CSS (tidak peka huruf besar-kecil) Sintaks JavaScript (peka huruf besar-kecil)
menampilkan tampilan
tipe-daftar daftarStyleType
daftar-gaya-gambar daftarStyleImage
daftar-gaya-posisi daftarStylePosition
daftar-gaya daftarStyle
white-space whiteSpace
 
Tag dan atribut gaya teks dibandingkan dengan
sintaksis CSS (tidak peka huruf besar/kecil) Sintaks JavaScript (peka huruf besar/kecil)
font font
-family fontFamily
font-size fontSize
font-style fontStyle
font-variant fontVariant
font-weight fontWeight
 
Label teks dan perbandingan atribut
Sintaks CSS (tidak peka huruf besar/kecil) Sintaks JavaScript (peka huruf besar/kecil)
spasi huruf Spasi
garis putus-putus Putuskan
tinggi baris tinggi barisTinggi
teks ratakan teksSejajarkan
teks dekorasi teksDekorasi
teks indentasi teksIndentasi
teks-justifikasi teksJustify
teks- transformasi textTransform
perataan vertikal perataan vertikal
Artikel Terkait