css_reference

May 2, 2008

Background

Property

Description

background

Properti untuk mengatur semua properti background dalam satu pernyataan

background-attachment

Mengatur apakah gambar background pas pada halaman atau bersisa

background-color

Mengatur warna background

background-image

Mengatur suatu gambar sebagai background.

background-position

Mengatur posisi awal gambar background.

background-repeat

Mengatur apabila atau bagaimana gambar background akan diulang

Border

Property

Description

border

Properti untuk mengatur semua properti untuk keempat batas dalam satu pernyataan

border-bottom

Properti untuk mengatur semua properti untuk batas bawah dalam satu pernyataan

border-bottom-color

Mengatur warna batas bawah

border-bottom-style

Mengatur corak batas bawah

border-bottom-width

Mengatur lebar batas bawah

border-color

Mengatur warna keempat batas, bisa satu hingga empat warna

border-left

Properti untuk mengatur semua properti untuk batas kiri dalam satu pernyataan

border-left-color

Mengatur warna batas kiri

border-left-style

Mengatur corak batas kiri

border-left-width

Mengatur lebar batas kiri

border-right

Properti untuk mengatur semua properti untuk batas kanan dalam satu pernyataan

border-right-color

Mengatur warna batas kanan

border-right-style

Mengatur corak batas kanan

border-right-width

Mengatur lebar batas kanan

border-style

Mengatur corak keempat batas, bisa satu hingga empat corak

border-top

Properti untuk mengatur semua properti untuk batas atas dalam satu pernyataan

border-top-color

Mengatur warna batas atas

border-top-style

Mengatur corak batas atas

border-top-width

Mengatur lebar batas atas

border-width

Properti untuk mengatur lebar keempat batas dalam satu pernyataan, bisa satu hingga empat nilai

Classification

Property

Description

clear

Mengatur sisi suatu elemen dimana suatu elemen ‘floating’ lain tidak diperbolehkan.

cursor

Menspesifikan tipe kursor yang ditunjukkan.

display

Mengatur bagaimana atau apabila suatu elemen diperlihatkan.

float

Mengatur dimana suatu gambar atau teks akan muncul pada elemen lain.

position

Meletakkan suatu elemen dalam posisi statis, relative, absolute, atau tetap.

visibility

Mengatur apabila suatu elemen perlu terlihat atau tidak terlihat

Dimension

Property

Description

height

untuk menentukan tinggi sebuah elemen

line-height

untuk menentukan jarak antara garis

max-height

untuk memaksimumkan tinggi sebuah elemen

max-width

untuk memaksimumkan lebar sebuah elemen

min-height

untuk meminimumkan tinggi sebuah elemen

min-width

untuk meminimumkan lebar sebuah elemen

width

untuk meminimumkan lebar sebuah elemen

Font

Property

Description

font

sebuah properti/tag singkat untuk menentukan semua properti untuk sebuah font dalam satu pernyataan

font-family

list nama font-family/generic family yang diprioritaskan untuk sebuah elemen

font-size

untuk menentukan ukuran sebuah font

font-size-adjust Menspesifikasikan sebuah nilai untuk elemen yang akan mempertahankan tinggi dari font pilihan pertama
font-stretch

Mempersingkat atau memperlebar font-family yang sedang digunakan

font-style

menentukan style/gaya font

font-variant

untuk menampilkan teks dalam font huruf kecil atau font huruf normal

font-weight

menentukan tebal sebuah font

Generated Content

Property

Description

content

untuk menampilkan isi/konten dalam sebuah dokumen.Dipakai bersamaan dengan :before dan :after

counter-increment

Menentukan berapa banyak penambahan counter untuk setiap peristiwa yang terjadi pada selektor

counter-reset

Menentukan nilai counter yang diset untuk setiap kejadian pada selektor

quotes

menentukan tipe dari nilai penentuan

List and Marker

Property

Description

list-style

Mengatur setting suatu properti dalam subuah list dalam satu perintah

list-style-image

Membuat gambar menjadi penanda list

list-style-position

Mengatur letak penanda list-item pada list

list-style-type

Mengatur tipe list-item yang dipakai

marker-offset

Mengatur jarak

Margin

Property

Description

margin

Perintah singkat untuk mengubah setting semua margin dalam satu perintah

margin-bottom

Menetapkan margin bawah suatu elemen

margin-left Menetapkan margin kiri suatu elemen
margin-right

Menetapkan margin kanan suatu elemen

margin-top

Menetapkan margin atas suatu elemen

Outlines

Property

Description

outline

Mengatur properti semua outline dalam satu perintah

outline-color

Mengatur warna outline pada suatu elemen

outline-style

Mengatur gaya suatu outline pada suatu elemen

outline-width Mengatur lebar suatu outline pada suatu elemen

Padding

Property

Description

padding

Suatu  property tulisan cepat untuk penempatan semua lapisan dalam satu deklarasi

padding-bottom

Menyetel padding bawah dari sebuah elemen

padding-left

Menyetel padding kiri dari sebuah elemen

padding-right

Menyetel padding kanan dari sebuah elemen

padding-top

Menyetel padding atas dari sebuah elemen

Positioning

Property

Description

bottom

Menyetel seberapa jauh tepi bagian bawah dari sebuah elemen adalah di atas/di bawah tepi bawah dari elemen induk

clip

Menyetel bentuk dari sebuah elemen. Elemen yang dipotong ke dalam bentuk ini, dan diperlihatkan

left

Menyetel seberapa jauh tepi kiri dari sebuah elemen adalah ke kanan/ke kiri dari tepi kiri dari elemen induk

overflow

Menyetel apa yang terjadi jika isi dari sebuah elemen yang memenuhi/membanjiri daerah ini

position

Menempatkan elemen dalam sebuah sebuah statik, relatif, absolut, atau posisi tertentu

right

Menyetel seberapa jauh tepi kanan dari sebuah elemen adalah ke kanan/kiri dari tepi kanan dari elemen induk

top

Menyetel seberapa jauh tepi atas sebuah elemen adalah atas/bawah tepi atas dari elemen induk

vertical-align

Menyetel perataan vertical dari sebuah elemen

z-index

Menyetel tumpukan perintah dari sebuah elemen

Table

Property

Description

border-collapse

Menyetel apakah bingkai table dilipat ke dalam satu bingkai atau terpisah dalam HTML standar

border-spacing

Menyetel jarak yang memisahkan bingkai sel (hanya untuk model model  “separated borders”)

caption-side

Menyetel posisi judul halaman/bab pada tabel

empty-cells

Menyetel apakah ya atau tidak untuk menunjukan sel kosong dalam table (hanya untuk model  “separated borders”)

table-layout

Menyetel algoritma yang biasanya digunakan untuk mempertontonkan sel table, baris, dan kolom

Text

Property

Description

color

Menetapkan warna dari teks

direction

Menetapkan arah teks

line-height

Menetapkan jarak antar baris

letter-spacing

Mena,bah atau mengurangi spasi antar huruf

text-align

Meluruskan teks dalam suatu elemen

text-decoration

Menambah dekorasi teks

text-indent

Memberi spasi pada baris pertama dalam elemen

text-shadow

text-transform

Mengkontrol huruf dalam elemen

unicode-bidi

white-space

Menetapkan bagaimana spasi putih dalam elemen ditangani

word-spacing

Menambah atau mengurangi spasi antar kata

Pseudo-classes

Pseudo-class

Purpose

:active

Menambahkan spesial style pada elemen aktif

:focus

Menambahkan spesial style pada elemen dimana elemen tersebut mempunyai fokus

:hover

Menambahkan spesial style pada elemen ketika mouse diarahkan padanya

:link

Menambahkan spesial style pada link yang belum dikunjungi

:visited

Menambahkan spesial style pada link yang telah dikunjungi

:first-child

Menambahkan spesial style pada elemen yang merupakan anak pertama dari elemen lain

:lang

Mengizinkan pembuat untuk menggunakan bahasa spesifik dalam elemen

Pseudo-elements

Pseudo-element

Purpose

:first-letter

Menambahkan spesial style pada huruf pertama dalam teks

:first-line

Menambahkan spesial style pada baris pertama dalam teks

:before

Mensisipi sebuah content tertentu sebelum elemen

:after

Mensisipi sebuah content tertentu setelah elemen

Leave a Reply