0% menganggap dokumen ini bermanfaat (0 suara)
19 tayangan8 halaman

Panduan Lengkap Properti CSS

Dokumen ini mendefinisikan properti CSS untuk latar belakang, teks, font, batas, garis luar, margin, padding, daftar, tabel, dimensi, dan klasifikasi. Ini memberikan deskripsi dan nilai yang mungkin untuk setiap properti. Sebuah contoh diberikan menggunakan CSS untuk mengatur warna latar belakang dan gambar dari elemen halaman web.

Diterjemahkan oleh

ScribdTranslations
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
19 tayangan8 halaman

Panduan Lengkap Properti CSS

Dokumen ini mendefinisikan properti CSS untuk latar belakang, teks, font, batas, garis luar, margin, padding, daftar, tabel, dimensi, dan klasifikasi. Ini memberikan deskripsi dan nilai yang mungkin untuk setiap properti. Sebuah contoh diberikan menggunakan CSS untuk mengatur warna latar belakang dan gambar dari elemen halaman web.

Diterjemahkan oleh

ScribdTranslations
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

PROPERTI CSS:

Latar Belakang

Parameter Deskripsi Nilai


warna latar belakang Mengatur warna latar belakang sebuah elemen color-name
warna-rgb
warna-heks
transparan
gambar-latar Mengatur gambar sebagai latar belakang url(URL)
tidak ada
ulang-latar Menentukan apakah/dan bagaimana gambar latar belakang akan diulang ulangan
ulang-x
ulang-y
tidak ulang
background-attachment Menentukan apakah gambar latar belakang harus tetap atau gulir
harus menggulir dengan halaman diperbaiki
background-position Mengatur posisi awal dari gambar latar atas kiri
pusat atas
pojok kanan atas

kiri tengah
pusat pusat
kanan tengah
kiri bawah
tengah bawah
bawah kanan
x% y%
xpos ypos

Contoh

<html>
<kepala>
<script type="text/javascript">
fungsi setStyle()
{
[Link]="#FFCC80 url([Link])
ulang-y";
}
</script>
</head>
<tubuh>

<input type="button" onclick="setStyle()">


value="Set background style" />

</body>
</html>
PROPERTI TEKS

Properti Description Nilai


warna Sets the color of a text warna
arah Mengatur arah teks surat
rtl
tinggi garis Mengatur jarak antara garis normal
nomor
panjang
%
jarak huruf Tingkatkan atau kurangi ruang normal
antara karakter panjang
rata-tepi Menyelaraskan teks dalam sebuah elemenkiri
benar
pusat
membenarkan
gaya hiasan teks Menambahkan dekorasi pada teks tidak ada
garis bawah
garis atas
garis yang dicoret
kedip
teks-tinggi Mengindentasi baris pertama dari teks dalam panjang
elemen %
bayangan-teks tidak ada
warna
panjang
transformasi-teks Mengontrol huruf dalam elemen
MENGANGKAT
HURUF BESAR
huruf kecil
unicode-bidi normal
sematkan
bidi-override
ruang kosong Mengatur bagaimana ruang kosong di dalam normal
elemen ditangani pra
tanpa baris baru
jarak kata Tingkatkan atau kurangi ruang normal
antara kata panjang

PROPERTI FONT

Property Description Nilai


font Sifat singkat untuk mengatur semua gaya font
dari properti untuk sebuah font dalam satu varian-font
deklarasi berat-font
font-size/line-height
jenis huruf
keterangan
ikon
menu
kotak-pesan
caption-kecil
status-bar
jenis huruf Daftar prioritas keluarga font family-name
nama-nama dan/atau nama keluarga generik
untuk sebuah elemen

ukuran-font Menetapkan ukuran font sangat kecil


sangat kecil
kecil
sedang
besar
sangat besar
xx-besar
lebih kecil
larger
panjang
%
font-size-adjust Menentukan nilai aspek untuk sebuahtidak ada
elemen yang akan mempertahankannumberx-
tinggi font pilihan pertama
perenggangan font Mengonsolidasikan atau memperluas norma saat ini
jenis huruf lebih lebar
lebih sempit
ultra-terkompresi
ekstra-konsentrat
terkonsentrasi
semi-kondensasi
setengah diperluas
diperluas
ekstra-diperluas
ultra-diperluas
gaya-font Mengatur gaya huruf normal
miring
miring
font-variant Menampilkan teks dalam font huruf kecil normal
atau font normal huruf kecil
tebal-font Menetapkan berat sebuah font normal
tebal
lebih tegas
pengisi
100
200
300
400
500
600
700
800
900
BORDER PROPERTIES:

Properti Description Nilai


perbatasan Properti singkat untuk mengatur semua lebar batas
properti untuk empat batas dalam satu border-style
deklarasi warna-tepi
batas-bawah Sebuah properti singkat untuk mengatur semua lebar bawah batas
properti untuk batas bawah dalam satu gaya-batas
pernyataan warna-batas
border-bottom-color Mengatur warna batas bawah warna-batas
border-bottom-style Mengatur gaya batas bawah gaya-batas
lebar batas bawah Mengatur lebar dari batas bawah tipis
sedang
tebal
panjang
border-color Mengatur warna dari empat batas, dapat Warna
memiliki dari satu hingga empat warna

border-kiri Sebuah properti singkat untuk mengatur semua lebar batas kiri
atribut untuk batas kiri dalam satu border-style
deklarasi warna-batas
border-left-color Mengatur warna batas kiri warna-patap
border-left-style Mengatur gaya batas kiri border-style
border-left-width Mengatur lebar batas kiri tipis
sedang
tebal
panjang
batas-kanan Properti singkat untuk mengatur semua lebar batas kanan
properti untuk batas kanan dalam satu border-style
pernyataan border-color
warna-tepi-kanan Mengatur warna batas kanan border-color
border-right-style Mengatur gaya batas kanan gaya-batas
lebar batas kanan Mengatur lebar batas kanan tipis
media
tebal
panjang
border-style Mengatur gaya keempat batas, dapat tidak ada
memiliki dari satu hingga empat gaya tersembunyi
berhujan
garis putus-putus
padat
ganda
groove
punggungan
sisipkan
permulaan
border-atas Sebuah properti singkat untuk mengatur semua lebar batas atas
properti untuk batas atas dalam satu border-style
deklarasi warna-batas
border-top-color Mengatur warna batas atas warna-batas
border-top-style Mengatur gaya batas atas gaya-batas
lebar-tepi-atas Mengatur lebar batas atas tipis
sedang
tebal
panjang
lebar-batas Sebuah properti singkat untuk mengatur tipis
lebar empat batas dalam satu sedang
deklarasi, dapat memiliki dari satu hingga empat tebal
nilai panjang

OUTLINE PROPERTIES:

Kepemilikan Deskripsi Nilai-nilai


garis besar Sebuah properti singkat untuk mengatur semua warna garis luar
sifat garis dalam satu gaya garis besar
deklarasi lebar garis luar
warna garis luar Mengatur warna garis luar di sekitar warna
elemen membalik
gaya-outline Mengatur gaya garis luar di sekitar tidak ada
elemen bertitik
garis putus-putus
padat
ganda
alunan
punggung
inset
awal
lebar garis luar Mengatur lebar batas di sekitar tipis
unsur sedang
tebal
panjang

PROPERTI MARGIN:

Properti Description Nilai


margin Sebuah properti singkat untuk mengatur margin atas
properti margin dalam satu deklarasi margin-kanan
margin-bawah
margin-kiri
margin-bottom Sets the bottom margin of an mobil
elemen panjang
%
margin-kiri Mengatur margin kiri dari sebuah elemen mobil
panjang
%
margin-kanan Mengatur margin kanan elemen secara otomatis
panjang
%
margin-atas Mengatur margin atas dari suatu elemen mobil
panjang
%
PROPERTI PADDING:
Properti Description Nilai
padding Sebuah properti singkat untuk mengatur semua padding-atas
dari properti padding dalam satu padding-kanan
pernyataan padding-bawah
padding-kiri
padding-bawah Mengatur padding bawah dari sebuah panjang
elemen %
padding-kiri Mengatur padding kiri dari sebuah elemen panjang
%
padding-kanan Mengatur padding kanan dari panjang elemen
%
padding-atas Mengatur padding atas dari suatu elemen panjang
%

LIST PROPERTIES:

Properti Description Values


gaya-daftar Properti singkat untuk mengatur semua jenis daftar gaya
properti untuk daftar dalam satu posisi-gaya-daftar
pernyataan gaya-gambar-daftar
gaya-gambar-daftar Mengatur gambar sebagai tanda item daftar
url
posisi-gaya-daftar Pengaturan di mana penanda item daftar beradadidalam
ditempatkan dalam daftar di luar
jenis-gaya-daftar Mengatur jenis penanda item daftar menjadi tidak ada
disk
lingkaran
persegi
desimal
nol-di-depan-desimal
lower-roman
romawi atas
huruf kecil alfa
huruf besar alfa
Yunani Rendah
Latin rendah
Latin Atas
Ibrani
armenian
georgian
karakter ideografis CJK
hiragana
katakana
hiragana-iroha
katakana-iroha

TABLE PROPERTIES:
Properti Description Nilai
penggabungan batas Menentukan apakah batas tabel adalah runtuh
tercollapse menjadi satu batas atau terpisah
as in standard HTML
spasi-batas Mengatur jarak yang memisahkan sel length length
perbatasan (hanya untuk "perbatasan terpisah"
model)
sisi-keterangan Mengatur posisi dari keterangan tabel atas
bawah
kiri
benar
sel-kosong Menetapkan apakah akan menampilkan sel kosong atau tidak
dalam tabel (hanya untuk "terpisah" sembunyikan
model "batas"
penataan-tabel Mengatur algoritma yang digunakan untuk menampilkan
mobil
sel tabel, baris, dan kolom tetap

PROPERTI DIMENSI:

Properti Description Nilai


tinggi Menetapkan tinggi elemen mobil
panjang
%
tinggi garis Mengatur jarak antara garis normal
nomor
panjang
%
maksimum tinggi Menetapkan tinggi maksimum sebuah elemen tidak ada
panjang
%
lebar-maks Menetapkan lebar maksimum dari sebuah elemen tidak ada
panjang
%
min-height Menetapkan tinggi minimum elemen
%
lebar-min Mengatur lebar minimum dari sebuah elemen panjang
%
lebar Mengatur lebar sebuah elemen mobil
%
panjang

KLASIFIKASI:

Properti Description Values


hapus Menentukan sisi elemen di mana yang lain berada di kiri
elemen mengambang tidak diizinkan benar
keduanya
tidak ada
penunjuk Menentukan jenis kursor yang akan digunakan url()
ditampilkan mobil
crosshair
standar
penunjuk
pindah
e-ubah ukuran
ne-resize
ukuran-nw
n-resize
se-ubah ukuran
sw-resize
s-ubah ukuran
ubah ukuran lebar
teks
tunggu
bantuan
tampilkan Mengatur bagaimana/jika suatu elemen ditampilkan tidak ada
dalam garis
blok
item-daftar
berlari masuk
kompak
penanda
meja
tabel-inline
kelompok-baris-tabel
kelompok-kepala-tabel
kelompok-kaki-tabel
baris-tabel
table-column-group
kolom-tabel
sel-tabel
table-caption
mengapung Set di mana gambar atau teks akan muncul di sebelah kiri
di elemen lain benar
tidak ada
posisi Menempatkan elemen dalam posisi statis, relatif,statik
posisi absolut atau tetap relatif
absolut
diperbaiki
visibilitas Menentukan apakah elemen harus terlihat atau [Link]
tak terlihat tersembunyi
runtuh

Anda mungkin juga menyukai