objek Style
Gaya objek merupakan pernyataan gaya individu.
Mengakses Style Object
Gaya objek dapat diakses dari bagian kepala dokumen, atau dari HTML tertentu element(s) .
Mengakses gaya object(s) dari bagian kepala dokumen:
Mengakses objek gaya elemen tertentu ini:
Membuat Style Object
Anda dapat membuat <style> elemen dengan menggunakan document. createElement() document. createElement() metode:
Anda juga dapat mengatur properti gaya elemen yang ada:
Gaya Obyek Properti
The "CSS" kolom menunjukkan di mana CSS versi properti didefinisikan (CSS1, CSS2, or CSS3) .
| Milik | Deskripsi | CSS |
|---|---|---|
| alignContent | Menetapkan atau mengembalikan keselarasan antara garis dalam sebuah wadah yang fleksibel ketika item tidak menggunakan semua ruang yang tersedia | 3 |
| alignItems | Menetapkan atau mengembalikan keselarasan untuk item dalam sebuah wadah yang fleksibel | 3 |
| alignSelf | Menetapkan atau mengembalikan keselarasan untuk item yang dipilih dalam sebuah wadah yang fleksibel | 3 |
| animation | Sebuah properti singkat untuk semua properti animasi di bawah ini, kecuali properti animationPlayState | 3 |
| animationDelay | Set atau kembali ketika animasi akan mulai | 3 |
| animationDirection | Set atau kembali apakah animasi harus bermain secara terbalik pada siklus alternatif | 3 |
| animationDuration | Set atau pengembalian berapa detik atau milidetik animasi yang diperlukan untuk menyelesaikan satu siklus | 3 |
| animationFillMode | Set atau kembali nilai-nilai apa yang diterapkan oleh animasi luar waktu yang mengeksekusi | 3 |
| animationIterationCount | Menetapkan atau mengembalikan jumlah kali animasi harus dimainkan | 3 |
| animationName | Set atau mengembalikan nama untuk @keyframes animasi | 3 |
| animationTimingFunction | Menetapkan atau mengembalikan kurva kecepatan animasi | 3 |
| animationPlayState | Set atau kembali apakah animasi sedang berjalan atau berhenti | 3 |
| background | Menetapkan atau mengembalikan semua properti background dalam satu deklarasi | 1 |
| backgroundAttachment | Set atau kembali apakah background-image adalah tetap atau gulungan dengan halaman | 1 |
| backgroundColor | Menetapkan atau mengembalikan background-warna elemen | 1 |
| backgroundImage | Menetapkan atau mengembalikan background-image untuk elemen | 1 |
| backgroundPosition | Set atau mengembalikan posisi awal dari background-image | 1 |
| backgroundRepeat | Set atau kembali bagaimana untuk mengulang (tile) a background-image | 1 |
| backgroundClip | Menetapkan atau mengembalikan wilayah lukisan latar belakang | 3 |
| backgroundOrigin | Set atau mengembalikan wilayah posisi dari gambar latar belakang | 3 |
| backgroundSize | Menetapkan atau mengembalikan ukuran gambar latar belakang | 3 |
| backfaceVisibility | Set atau kembali apakah atau tidak unsur harus terlihat bila tidak menghadap layar | 3 |
| border | Set atau mengembalikan BorderWidth, Borderstyle, dan Bordercolor dalam satu deklarasi | 1 |
| borderBottom | Set atau kembali semua borderBottom * properti dalam satu deklarasi | 1 |
| borderBottomColor | Menetapkan atau mengembalikan warna batas bawah | 1 |
| borderBottomLeftRadius | Set atau mengembalikan bentuk perbatasan pojok bawah kiri | 3 |
| borderBottomRightRadius | Menetapkan atau mengembalikan bentuk perbatasan sudut kanan bawah | 3 |
| borderBottomStyle | Menetapkan atau mengembalikan gaya perbatasan bawah | 1 |
| borderBottomWidth | Menetapkan atau mengembalikan lebar batas bawah | 1 |
| borderCollapse | Set atau kembali apakah perbatasan tabel harus runtuh ke dalam perbatasan tunggal, atau tidak | 2 |
| borderColor | Set atau mengembalikan warna perbatasan elemen ini (dapat memiliki hingga empat nilai) | 1 |
| borderImage | Sebuah properti singkat untuk setting atau kembali semua properti borderImage * | 3 |
| borderImageOutset | Menetapkan atau mengembalikan jumlah dimana area gambar perbatasan melampaui kotak perbatasan | 3 |
| borderImageRepeat | Set atau kembali apakah gambar-perbatasan harus diulang, bulat atau diregangkan | 3 |
| borderImageSlice | Menetapkan atau mengembalikan offset ke dalam gambar-perbatasan | 3 |
| borderImageSource | Set atau mengembalikan gambar yang akan digunakan sebagai perbatasan | 3 |
| borderImageWidth | Menetapkan atau mengembalikan lebar dari gambar-perbatasan | 3 |
| borderLeft | Set atau mengembalikan semua borderLeft * properti dalam satu deklarasi | 1 |
| borderLeftColor | Set atau mengembalikan warna batas kiri | 1 |
| borderLeftStyle | Set atau mengembalikan gaya perbatasan kiri | 1 |
| borderLeftWidth | Set atau mengembalikan lebar batas kiri | 1 |
| borderRadius | Sebuah properti singkat untuk setting atau kembali semua empat perbatasan * Radius sifat | 3 |
| borderRight | Set atau kembali semua borderRight * properti dalam satu deklarasi | 1 |
| borderRightColor | Menetapkan atau mengembalikan warna batas kanan | 1 |
| borderRightStyle | Menetapkan atau mengembalikan gaya batas kanan | 1 |
| borderRightWidth | Menetapkan atau mengembalikan lebar batas kanan | 1 |
| borderSpacing | Menetapkan atau mengembalikan ruang antara sel-sel dalam sebuah tabel | 2 |
| borderStyle | Set atau mengembalikan gaya perbatasan elemen ini (dapat memiliki hingga empat nilai) | 1 |
| borderTop | Set atau kembali semua borderTop * properti dalam satu deklarasi | 1 |
| borderTopColor | Menetapkan atau mengembalikan warna perbatasan atas | 1 |
| borderTopLeftRadius | Set atau mengembalikan bentuk perbatasan pojok kiri | 3 |
| borderTopRightRadius | Menetapkan atau mengembalikan bentuk perbatasan sudut kanan atas | 3 |
| borderTopStyle | Menetapkan atau mengembalikan gaya perbatasan atas | 1 |
| borderTopWidth | Menetapkan atau mengembalikan lebar perbatasan atas | 1 |
| borderWidth | Set atau mengembalikan lebar perbatasan sebuah elemen (dapat memiliki hingga empat nilai) | 1 |
| bottom | Set atau mengembalikan posisi bawah elemen diposisikan | 2 |
| boxDecorationBreak | Set atau kembali perilaku latar belakang dan perbatasan elemen halaman-break, atau, untuk elemen in-line, pada baris-break. | 3 |
| boxShadow | Menempel satu atau lebih drop-bayangan ke kotak | 3 |
| boxSizing | Memungkinkan Anda untuk menentukan unsur-unsur tertentu untuk menyesuaikan suatu daerah dengan cara tertentu | 3 |
| captionSide | Menetapkan atau mengembalikan posisi caption tabel | 2 |
| clear | Set atau mengembalikan posisi dari elemen relatif terhadap benda mengambang | 1 |
| clip | Set atau pengembalian bagian mana dari elemen diposisikan terlihat | 2 |
| color | Menetapkan atau mengembalikan warna teks | 1 |
| columnCount | Menetapkan atau mengembalikan jumlah kolom elemen harus dibagi menjadi | 3 |
| columnFill | Set atau kembali bagaimana mengisi kolom | 3 |
| columnGap | Menetapkan atau mengembalikan kesenjangan antara kolom | 3 |
| columnRule | Sebuah properti singkat untuk setting atau kembali semua properti columnRule * | 3 |
| columnRuleColor | Menetapkan atau mengembalikan warna aturan antara kolom | 3 |
| columnRuleStyle | Menetapkan atau mengembalikan gaya aturan antara kolom | 3 |
| columnRuleWidth | Menetapkan atau mengembalikan lebar aturan antara kolom | 3 |
| columns | Sebuah properti singkat untuk setting atau kembali columnWidth dan columnCount | 3 |
| columnSpan | Set atau pengembalian berapa banyak kolom elemen harus mencakup seluruh | 3 |
| columnWidth | Menetapkan atau mengembalikan lebar kolom | 3 |
| content | Digunakan dengan: sebelum dan: setelah pseudo-elemen, untuk memasukkan konten yang dihasilkan | 2 |
| counterIncrement | Increment satu atau lebih counter | 2 |
| counterReset | Menciptakan atau me-reset satu atau lebih counter | 2 |
| cursor | Menetapkan atau mengembalikan jenis kursor untuk menampilkan untuk pointer mouse | 2 |
| direction | Menetapkan atau mengembalikan arah teks | 2 |
| display | Menetapkan atau mengembalikan jenis tampilan sebuah elemen | 1 |
| emptyCells | Set atau kembali apakah akan menampilkan perbatasan dan latar belakang sel kosong, atau tidak | 2 |
| filter | Set atau pengembalian filter image (visual effects, like blur and saturation) | 3 |
| flex | Menetapkan atau mengembalikan panjang item, relatif terhadap sisanya | 3 |
| flexBasis | Menetapkan atau mengembalikan panjang awal item yang fleksibel | 3 |
| flexDirection | Menetapkan atau mengembalikan arah item yang fleksibel | 3 |
| flexFlow | Sebuah properti singkat untuk flexDirection dan sifat flexWrap | 3 |
| flexGrow | Set atau pengembalian berapa banyak item akan tumbuh relatif sisanya | 3 |
| flexShrink | Set atau kembali bagaimana item akan menyusut relatif sisanya | 3 |
| flexWrap | Set atau kembali apakah barang-barang yang fleksibel harus membungkus atau tidak | 3 |
| cssFloat | Menetapkan atau mengembalikan keselarasan horizontal elemen | 1 |
| font | Set atau mengembalikan fontStyle, fontVariant, fontWeight, fontsize, lineHeight, dan fontFamily dalam satu deklarasi | 1 |
| fontFamily | Menetapkan atau mengembalikan keluarga font untuk teks | 1 |
| fontSize | Menetapkan atau mengembalikan ukuran font teks | 1 |
| fontStyle | Set atau kembali apakah gaya font normal, italic atau miring | 1 |
| fontVariant | Set atau kembali apakah font harus ditampilkan dalam huruf kecil | 1 |
| fontWeight | Menetapkan atau mengembalikan keberanian font | 1 |
| fontSizeAdjust | Mempertahankan pembacaan teks bila font yang fallback terjadi | 3 |
| fontStretch | Memilih normal, kental, atau wajah diperluas dari keluarga font | 3 |
| hangingPunctuation | Menentukan apakah karakter tanda baca dapat ditempatkan di luar kotak baris | 3 |
| height | Menetapkan atau mengembalikan ketinggian elemen | 1 |
| hyphens | Set bagaimana untuk membagi kata-kata untuk meningkatkan tata letak paragraf | 3 |
| icon | Menyediakan penulis kemampuan untuk gaya elemen dengan ikon yang setara | 3 |
| imageOrientation | Menentukan rotasi di kanan atau searah jarum jam ke arah itu agen pengguna berlaku untuk gambar | 3 |
| justifyContent | Menetapkan atau mengembalikan keselarasan antara item dalam sebuah wadah yang fleksibel ketika item tidak menggunakan semua ruang yang tersedia. | 3 |
| left | Set atau mengembalikan posisi kiri elemen diposisikan | 2 |
| letterSpacing | Menetapkan atau mengembalikan ruang antara karakter dalam teks | 1 |
| lineHeight | Menetapkan atau mengembalikan jarak antara baris dalam teks | 1 |
| listStyle | Set atau mengembalikan listStyleImage, listStylePosition, dan listStyleType dalam satu deklarasi | 1 |
| listStyleImage | Menetapkan atau mengembalikan gambar sebagai daftar-item penanda | 1 |
| listStylePosition | Menetapkan atau mengembalikan posisi daftar item penanda | 1 |
| listStyleType | Menetapkan atau mengembalikan daftar-item jenis penanda | 1 |
| margin | Set atau mengembalikan margin unsur (can have up to four values) | 1 |
| marginBottom | Menetapkan atau mengembalikan margin bawah suatu elemen | 1 |
| marginLeft | Set atau mengembalikan margin kiri suatu elemen | 1 |
| marginRight | Menetapkan atau mengembalikan margin kanan dari elemen | 1 |
| marginTop | Menetapkan atau mengembalikan margin atas suatu elemen | 1 |
| maxHeight | Menetapkan atau mengembalikan ketinggian maksimum elemen | 2 |
| maxWidth | Menetapkan atau mengembalikan lebar maksimum elemen | 2 |
| minHeight | Menetapkan atau mengembalikan ketinggian minimum elemen | 2 |
| minWidth | Menetapkan atau mengembalikan lebar minimum elemen | 2 |
| navDown | Set atau pengembalian mana untuk menavigasi ketika menggunakan tombol navigasi panah-down | 3 |
| navIndex | Set atau mengembalikan urutan tabbing untuk elemen | 3 |
| navLeft | Set atau pengembalian mana untuk menavigasi ketika menggunakan tombol navigasi panah kiri | 3 |
| navRight | Set atau pengembalian mana untuk menavigasi ketika menggunakan tombol navigasi panah kanan | 3 |
| navUp | Set atau pengembalian mana untuk menavigasi ketika menggunakan tombol navigasi panah-up | 3 |
| opacity | Menetapkan atau mengembalikan tingkat opacity untuk elemen | 3 |
| order | Menetapkan atau mengembalikan urutan item yang fleksibel, relatif terhadap sisanya | 3 |
| orphans | Menetapkan atau mengembalikan jumlah minimum baris untuk elemen yang harus ditinggalkan di bagian bawah halaman ketika istirahat halaman terjadi di dalam sebuah elemen | 2 |
| outline | Menetapkan atau mengembalikan semua properti outline dalam satu deklarasi | 2 |
| outlineColor | Menetapkan atau mengembalikan warna garis di sekitar elemen | 2 |
| outlineOffset | Offset garis besar, dan menarik itu melebihi tepi perbatasan | 3 |
| outlineStyle | Menetapkan atau mengembalikan gaya garis di sekitar elemen | 2 |
| outlineWidth | Menetapkan atau mengembalikan lebar garis di sekitar elemen | 2 |
| overflow | Set atau kembali apa yang harus dilakukan dengan konten yang membuat luar kotak elemen | 2 |
| overflowX | Menentukan apa yang harus dilakukan dengan kiri / kanan tepi konten, jika meluap area konten elemen | 3 |
| overflowY | Menentukan apa yang harus dilakukan dengan tepi atas / bawah konten, jika meluap area konten elemen | 3 |
| padding | Set atau mengembalikan padding elemen (can have up to four values) | 1 |
| paddingBottom | Menetapkan atau mengembalikan padding bawah elemen | 1 |
| paddingLeft | Set atau mengembalikan padding kiri elemen | 1 |
| paddingRight | Menetapkan atau mengembalikan padding kanan elemen | 1 |
| paddingTop | Menetapkan atau mengembalikan padding atas sebuah elemen | 1 |
| pageBreakAfter | Menetapkan atau mengembalikan perilaku page-break setelah elemen | 2 |
| pageBreakBefore | Menetapkan atau mengembalikan perilaku page-break sebelum elemen | 2 |
| pageBreakInside | Menetapkan atau mengembalikan perilaku page-break dalam sebuah elemen | 2 |
| perspective | Set atau mengembalikan perspektif tentang bagaimana unsur-unsur 3D dipandang | 3 |
| perspectiveOrigin | Set atau mengembalikan posisi bawah elemen 3D | 3 |
| position | Set atau mengembalikan jenis metode penentuan posisi yang digunakan untuk elemen (static, relative, absolute or fixed) | 2 |
| quotes | Set atau mengembalikan jenis tanda kutip untuk kutipan tertanam | 2 |
| resize | Set atau kembali apakah atau tidak suatu unsur adalah resizable oleh pengguna | 3 |
| right | Set atau mengembalikan posisi yang tepat dari elemen diposisikan | 2 |
| tableLayout | Menetapkan atau mengembalikan cara untuk lay out sel tabel, baris, dan kolom | 2 |
| tabSize | Menetapkan atau mengembalikan panjang tab-karakter | 3 |
| textAlign | Menetapkan atau mengembalikan keselarasan horizontal teks | 1 |
| textAlignLast | Set atau kembali bagaimana baris terakhir blok atau garis tepat sebelum garis istirahat dipaksa sejajar ketika text-align adalah "justify" | 3 |
| textDecoration | Menetapkan atau mengembalikan dekorasi teks | 1 |
| textDecorationColor | Menetapkan atau mengembalikan warna text-decoration | 3 |
| textDecorationLine | Menetapkan atau mengembalikan jenis garis dalam text-decoration | 3 |
| textDecorationStyle | Menetapkan atau mengembalikan gaya garis dalam dekorasi teks | 3 |
| textIndent | Menetapkan atau mengembalikan lekukan dari baris pertama teks | 1 |
| textJustify | Set atau kembali metode pembenaran digunakan ketika text-align adalah "justify" | 3 |
| textOverflow | Set atau kembali apa yang harus terjadi ketika teks meluap elemen yang mengandung | 3 |
| textShadow | Menetapkan atau mengembalikan efek bayangan dari teks | 3 |
| textTransform | Menetapkan atau mengembalikan kapitalisasi teks | 1 |
| top | Set atau mengembalikan posisi teratas dari elemen diposisikan | 2 |
| transform | Menerapkan transformasi 2D atau 3D untuk elemen | 3 |
| transformOrigin | Menetapkan atau mengembalikan posisi elemen berubah | 3 |
| transformStyle | Set atau pengembalian bagaimana unsur-unsur bersarang tersebut diberikan di ruang 3D | 3 |
| transition | Sebuah properti singkat untuk setting atau kembali empat sifat transisi | 3 |
| transitionProperty | Set atau mengembalikan properti CSS bahwa efek transisi untuk | 3 |
| transitionDuration | Set atau pengembalian berapa detik atau milidetik efek transisi diperlukan untuk menyelesaikan | 3 |
| transitionTimingFunction | Menetapkan atau mengembalikan kurva kecepatan efek transisi | 3 |
| transitionDelay | Set atau kembali ketika efek transisi akan mulai | 3 |
| unicodeBidi | Set atau kembali apakah teks harus diganti untuk mendukung beberapa bahasa dalam dokumen yang sama | 2 |
| verticalAlign | Menetapkan atau mengembalikan keselarasan vertikal konten di sebuah elemen | 1 |
| visibility | Set atau kembali apakah unsur harus terlihat | 2 |
| whiteSpace | Set atau kembali bagaimana menangani tab, line break dan spasi dalam teks | 1 |
| width | Menetapkan atau mengembalikan lebar elemen | 1 |
| wordBreak | Set atau pengembalian baris melanggar aturan untuk script non-CJK | 3 |
| wordSpacing | Menetapkan atau mengembalikan jarak antara kata-kata dalam sebuah teks | 1 |
| wordWrap | Memungkinkan panjang, kata-kata bisa dipecahkan untuk dilanggar dan membungkus ke baris berikutnya | 3 |
| widows | Menetapkan atau mengembalikan jumlah minimum baris untuk unsur yang harus terlihat di bagian atas halaman | 2 |
| zIndex | Set atau mengembalikan urutan tumpukan elemen diposisikan | 2 |
Pages terkait
Tutorial HTML: HTML CSS
CSS tutorial: CSS Tutorial
: Referensi HTML HTML <style> tag
Referensi CSS: CSS Properti