Oleh: fatandmarsiano | 2 Mei 2008

HTML and CSS tags

Property

Description

Values

IE

F

N

W3C

background

Untuk mengatur setting background dengan satu deklarasi

background-color
background-image
background-repeat background-attachment background-position

4

1

6

1

background-attachment

Mengatur setting gambar background akan ikut ter-scroll atau tidak sesuai dengan halaman

scroll
fixed

4

1

6

1

background-color

Mengatur setting dari warna background

color-rgb
color-hex
color-name
transparent

4

1

4

1

background-image

Mengatur agar suatu gambar menjadi background

url(URL)
none

4

1

4

1

background-position

Mengeset posisi awal dari gambar background

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos

4

1

6

1

background-repeat

Mengeset bagaimana gambar background akan diulangi

repeat
repeat-x
repeat-y
no-repeat

4

1

4

1

Border

Property

Description

Values

IE

F

N

W3C

border

Setting untuk mengatur properti dari semua batas (border) dalam satu deklarasi

border-width
border-style
border-color

4

1

4

1

border-bottom

Setting untuk mengatur batas  border bawah

border-bottom-width
border-style
border-color

4

1

6

1

border-bottom-color

Mengatur warna dari border bawah

border-color

4

1

6

2

border-bottom-style

Mengatur style dari border bawah

border-style

4

1

6

2

border-bottom-width

Mengatur lebar dari border bawah

thin
medium
thick
length

4

1

4

1

border-color

Mengatur warna dari keempat border. Bisa mengatur sampai 4 warna

color

4

1

6

1

border-left

Setting untuk mengatur batas  border kiri

border-left-width
border-style
border-color

4

1

6

1

border-left-color

Mengatur warna dari border kiri

border-color

4

1

6

2

border-left-style

Mengatur style dari border kiri

border-style

4

1

6

2

border-left-width

Mengatur lebar dari border kiri

thin
medium
thick
length

4

1

4

1

border-right

Setting untuk mengatur batas  border kanan

border-right-width
border-style
border-color

4

1

6

1

border-right-color

Mengatur warna dari border kanan

border-color

4

1

6

2

border-right-style

Mengatur style dari borde kanan

border-style

4

1

6

2

border-right-width

Mengatur lebar dari border kanan

thin
medium
thick
length

4

1

4

1

border-style

Mengatur style dari keempat border. Bisa mengatur sampai 4 warna

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

4

1

6

1

border-top

Setting untuk mengatur properti dari batas atas (border) dalam satu deklarasi

border-top-width
border-style
border-color

4

1

6

1

border-top-color

Mengatur warna dari border atas

border-color

4

1

6

2

border-top-style

Mengatur style dari border atas

border-style

4

1

6

2

border-top-width

Mengatur lebar dari border atas

thin
medium
thick
length

4

1

4

1

border-width

Mengatur style dari keempat border. Bisa mengatur sampai 4 nilai

thin
medium
thick
length

4

1

4

1

Classification

Property

Description

Values

IE

F

N

W3C

clear

Sets the sides of an element where other floating elements are not allowed

left
right
both
none

4

1

4

1

cursor

Mengatur tipe kursor yang akan ditampilkan

url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

4

1

6

2

display

Mengatur bagaimana suatu elemen akan ditampilkan

none
inline
block
list-item
run-in
compact
marker
tabel
inline-tabel
tabel-row-group
tabel-header-group
tabel-footer-group
tabel-row
tabel-column-group
tabel-column
tabel-cell
tabel-caption

4

1

4

1

float

Mengatur dimana gambar atau teks akan muncul pada elemen lain

left
right
none

4

1

4

1

position

Meletakkan elemen pada posisi statis, relatif, absolut atau posisi tetap

static
relative
absolute
fixed

4

1

4

2

visibility

Mengeset apakah suatu elemen ditampilkan atau tidak

hidden
collapse

4

1

6

2

Dimension

Property

Description

Values

IE

F

N

W3C

height

Mengatur tinggi dari suatu elemen

auto
length
%

4

1

6

1

line-height

Mengatur jarak dari 2 garis

%

4

1

4

1

max-height

Mengatur tinggi maksimum dari suatu elemen

none
length
%

-

1

6

2

max-width

Mengatur lebar maksimum dari suatu elemen

none
length
%

-

1

6

2

min-height

Mengatur tinggi minimum dari suatu elemen

length
%

-

1

6

2

min-width

Mengatur lebar minimum dari suatu elemen

length
%

-

1

6

2

width

Mengatur lebar dari suatu elemen

auto
%
length

4

1

4

1

Font

Property

Description

Values

IE

F

N

W3C

font

Mengatur property dari setting font dalam satu deklarasi

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar

4

1

4

1

font-family

Daftar dari font yang diprioritaskan pada suatu elemen

family-name
generic-family

3

1

4

1

font-size

Mengatur besar dari suatu font

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%

3

1

4

1

font-size-adjust

Menyimpan suatu nilai untuk elemen untuk tinggi dari font yang pertama kali dipilih

none
number

-

-

-

2

font-stretch

Memperbesar font-family dari keadaan sekarang

normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded

-

-

-

2

font-style

Mengatur style dari suatu font

normal
italic
oblique

4

1

4

1

font-variant

Menampilkan font pada kondisi normal atau small caps

normal
small-caps

4

1

6

1

font-weight

Mengatur berat (tebal) dari suatu font

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

4

1

4

1

Generated Content

Property

Description

Values

IE

F

N

W3C

content

Menampilkan isi dari dokumen. Digunakan dengan :before and :after dari pseudo-elements

string
url
counter(name)
counter(name, list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote

1

6

2

counter-increment

Mengatur inkremen(penambahan) dari tiap kemunculan selektor

none
identifier number

2

counter-reset

Mengatur nilai dari counter pada tiap kemunculan selector

none
identifier number

2

quotes

Mengatur tipe dari tanda quote

none
string string

-

1

6

2

List and Marker

Property

Description

Values

IE

F

N

W3C

list-style

Mengatur setting dari semua list dalam satu deklarasi

list-style-type
list-style-position
list-style-image

4

1

6

1

list-style-image

Mengatur gambar pada penanda list-item

none
url

4

1

6

1

list-style-position

Mengatur posisi penanda list-item diletakkan pada list

inside
outside

4

1

6

1

list-style-type

Mengatur tipe dari penanda list-item

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha

4

1

4

1

marker-offset

auto
length

1

7

2

Margin

Property

Description

Values

IE

F

N

W3C

margin

Mengatur setting dari semua margin dalam satu deklarasi

margin-top
margin-right
margin-bottom
margin-left

4

1

4

1

margin-bottom

Mengatur margin bawah dari suatu elemen

auto
length
%

4

1

4

1

margin-left

Mengatur margin kiri dari suatu elemen

auto
length
%

3

1

4

1

margin-right

Mengatur margin kanan dari suatu elemen

auto
length
%

3

1

4

1

margin-top

Mengatur margin atas dari suatu elemen

auto
length
%

3

1

4

1

Outlines

Property

Description

Values

IE

F

N

W3C

outline

Mengatur setting dari semua outline dalam satu deklarasi

outline-color
outline-style
outline-width

-

1.5

-

2

outline-color

Mengatur warna dari outline di sekeliling suatu elemen

color
invert

-

1.5

-

2

outline-style

Mengatur style dari outline di sekeliling suatu elemen

none
dotted
dashed
solid
double
groove
ridge
inset
outset

-

1.5

-

2

outline-width

Mengatur lebar dari outline di sekeliling suatu elemen

thin
medium
thick
length

-

1.5

-

2

Padding

Property

Description

Values

IE

F

N

W3C

padding

Mengatur setting dari semua list dalam satu deklarasi

padding-top
padding-right
padding-bottom
padding-left

4

1

4

1

padding-bottom

Mengatur padding bawah dari suatu elemen

length
%

4

1

4

1

padding-left

Mengatur padding kiri dari suatu elemen

length
%

4

1

4

1

padding-right

Mengatur padding kanan dari suatu elemen

length
%

4

1

4

1

padding-top

Mengatur padding atas dari suatu elemen

length
%

4

1

4

1

Positioning

Property

Description

Values

IE

F

N

W3C

bottom

Mengatur seberapa jauh posisi batas bawah terhadap batas bawah dari elemen induk

auto
%
length

5

1

6

2

clip

Mengatur bentuk dari suatu elemen

shape
auto

4

1

6

2

left

Mengatur seberapa jauh posisi batas kiri terhadap batas kiri dari elemen induk

auto
%
length

4

1

4

2

overflow

Mengatur yang akan terjadi ketika isi dari elemen melebihi areanya

visible
hidden
scroll
auto

4

1

6

2

position

Meletakkan elemen pada posisi ststik, relatif, absolute, atau posisi tetap

static
relative
absolute
fixed

4

1

4

2

right

Mengatur seberapa jauh posisi batas kanan terhadap batas kanan dari elemen induk

auto
%
length

5

1

6

2

top

Mengatur seberapa jauh posisi batas atas terhadap batas atas dari elemen induk

auto
%
length

4

1

4

2

vertical-align

Mengatur alignment vertical dari suatu elemen

baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%

4

1

4

1

z-index

Mengatur bagaimana suatu elemen menumpuk

auto
number

4

1

6

2

Tabel

Property

Description

Values

IE

F

N

W3C

border-collapse

Mengatur apakah suatu tabel terintegrasi pada satu border atau terpisah seperti pada HTML standar

collapse
separate

5

1

7

2

border-spacing

Mengatur jarak dari cell yang terpisah

length length

5M

1

6

2

caption-side

Mengatur posisi dari caption tabel

top
bottom
left
right

5M

1

6

2

empty-cells

Mengatur apakah cell kosong ditampilkan atau tidak

show
hide

5M

1

6

2

tabel-layout

Mengatur algoritma yang digunakan untuk menampilkan cell, baris, dan kolom dari tabel

auto
fixed

5

1

6

2

Text

Property

Description

Values

IE

F

N

W3C

color

Mengatur warna dari suatu teks

color

3

1

4

1

direction

Mengatur arah dari suatu teks

ltr
rtl

6

1

6

2

line-height

Mengatur jarak diantara baris

normal
number
length
%

4

1

4

1

letter-spacing

Mengatur jarak diantara karakter

normal
length

4

1

6

1

text-align

Mengatur posisi teks dari suatu elemen

left
right
center
justify

4

1

4

1

text-decoration

Menambah dekorasi dari suatu teks

none
underline
overline
line-through
blink

4

1

4

1

text-indent

Meng-inden baris pertama dari suatu teks

length
%

4

1

4

1

text-shadow

none
color
length

text-transform

Mengatur huruf dari suatu teks

none
capitalize
uppercase
lowercase

4

1

4

1

unicode-bidi

normal
embed
bidi-override

5

2

white-space

Mengatur warna putih dari suatu elemen diperlakukan

normal
pre
nowrap

5

1

4

1

word-spacing

Mengatur jarak diantara kata

normal
length

6

1

6

1

Pseudo-classes

Pseudo-class

Purpose

IE

F

N

W3C

:active

Menambah style khusus pada elemen aktif

4

1

8

1

:focus

Menambah style khusus pada elemen ketika mendapat focus

-

1.5

8

2

:hover

Menambah style khusus pada elemen ketika pointer berada diatasnya

4

1

7

1

:link

Menambah style khusus pada link yang belum dikunjungi

3

1

4

1

:visited

Menambah style khusus pada elemen link yang sudah dikunjungi

3

1

4

1

:first-child

Menambah style khusus pada elemen pertama dari elemen lain

-

1

7

2

:lang

Mengatur bahasa pada suatu elemen tertentu

-

1

8

2

Pseudo-elements

Pseudo-element

Purpose

IE

F

N

W3C

:first-letter

Menambah style khusus pada huruf pertama pada suatu elemen

5

1

8

1

:first-line

Menambah style khusus pada baris pertama pada suatu elemen

5

1

8

1

:before

Menambah suatu isi sebelum suatu elemen

1.5

8

2

:after

Menambah suatu isi setelah suatu elemen

1.5

8

2

Tag

Description

DTD

<!–…–>

Mendefinisikan suatu comment

STF

<!DOCTYPE>

Mendefinisikan tipe suatu elemen

STF

<a>

Mendefinisikan suatu jangkar

STF

<abbr>

Mendefinisikan suatu singkatan

STF

<acronym>

Mendefinisikan suatu akronim

STF

<address>

Mendefinisikan alamat dari suatu elemen

STF

<applet>

Mendefinisikan suatu applet

TF

<area>

Mendefinisikan suatu area di dalam suatu gambar

STF

<b>

Mendefinisikan teks tebal

STF

<base>

Mendefinisikan suatu URl standar untuk semua link dalam halaman

STF

<basefont>

Mendefinisikan font dasar

TF

<bdo>

Mendefinisikan arah dari suatu teks

STF

<big>

Mendefinisikan kondisi teks adalah besar

STF

<blockquote>

Mendefinisikan suatu kutipan panjang

STF

<body>

Mendefinisikan badan dari suatu elemen

STF

<br>

Menambahkan satu break

STF

<button>

Mendefinisikan suatu tombol

STF

<caption>

Mendefinisikan suatu caption tabel

STF

<center>

Mengatur posisi teks menjadi tengah

TF

<cite>

Mendefinisikan suatu citate

STF

<code>

Mendefinisikan suatu teks kode komputer

STF

<col>

Mendefinisikan atribut untuk suatu kolom

STF

<colgroup>

Mendefinisikan grup untuk suatu kolom

STF

<dd>

Mendefinisikan deskripsi suatu definisi

STF

<del>

Mendefinisikan teks yang dihapus

STF

<dir>

Mendefinisikan direktori list

TF

<div>

Mendefinisikan bagian dari suatu dokumen

STF

<dfn>

Mendefinisikan istilah dari suatu definisi

STF

<dl>

Mendefinisikan daftar suatu definisi

STF

<dt>

Mendefinisikan istilah dari suatu definisi

STF

<em>

Mendefinisikan teks yang ditekankan

STF

<fieldset>

Mendefinisikan suatu fieldset

STF

<font>

Mendefinisikan ukuran, warna dan jenis font

TF

<form>

Mendefinisikan suatu formulir

STF

<frame>

Mendefinisikan sebuah frame

F

<frameset>

Mendefinisikan suatu set dari frame

F

<h1> to <h6>

Mendefinisikan header 1 ke header 6

STF

<head>

Mendefinisikan informasi dari suatu dokumen

STF

<hr>

Mendefinisikan penggaris horizontal

STF

<html>

Mendefinisikan suatu dokumen HTML

STF

<i>

Mendefinisikan suatu teks italic

STF

<iframe>

Mendefinisikan frame inline

TF

<img>

Mendefinisikan suatu gambar

STF

<input>

Mendefinisikan field input teks

STF

<ins>

Mendefinisikan teks yang dimasukkan

STF

<isindex>

Mendefinisikan field input teks yang hanya 1 line

TF

<kbd>

Mendefinisikan teks suatu keyboard

STF

<label>

Mendefinisikan suatu label untuk formulir control

STF

<legend>

Mendefinisikan judul pada suatu fieldset

STF

<li>

Mendefinisikan suatu daftar item

STF

<link>

Mendefinisikan sumber referensi

STF

<map>

Mendefinisikan peta suatu gambar

STF

<menu>

Mendefinisikan suatu list menu

TF

<meta>

Mendefinisikan suatu informasi meta

STF

<noframes>

Mendefinisikan bagian tanpa frame

TF

<noscript>

Mendefinisikan bagian tanpa script

STF

<object>

Mendefinisikan suatu obyek yang terintegrasi

STF

<ol>

Mendefinisikan list yang sudah terurut

STF

<optgroup>

Mendefinisikan suatu grup pilihan

STF

<option>

Mendefinisikan pilihan pada list drop-down

STF

<p>

Mendefinisikan suatu paragraf

STF

<param>

Mendefinisikan parameter untuk suatu obyek

STF

<pre>

Mendefinisikan teks yang sudah diformat

STF

<q>

Mendefinisikan kutipan pendek

STF

<s>

Mendefinisikan teks yang dicoret

TF

<samp>

Mendefinisikan contoh kode computer

STF

<script>

Mendefinisikan suatu script

STF

<select>

Mendefinisikan list yang dapat dipilih

STF

<small>

Mendefinisikan teks kecil

STF

<span>

Mendefinisikan bagian pada suatu dokumen

STF

<strike>

Mendefinisikan suatu teks yang dicoret

TF

<strong>

Mendefinisikan suatu teks dalam kondisi strong (semua capital)

STF

<style>

Mendefinisikan definisi dari suatu style

STF

<sub>

Mendefinisikan teks subscript

STF

<sup>

Mendefinisikan teks superscript

STF

<tabel>

Mendefinisikan suatu tabel

STF

<tbody>

Mendefinisikan badan dari suatu tabel

STF

<td>

Mendefinisikan cell dari suatu tabel

STF

<textarea>

Mendefinisikan area teks

STF

<tfoot>

Mendefinisikan footer dari tabel

STF

<th>

Mendefinisikan header dari tabel

STF

<thead>

Mendefinisikan header dari tabel

STF

<title>

Mendefinisikan judul dari suatu tabel

STF

<tr>

Mendefinisikan baris dari suatu tabel

STF

<tt>

Mendefinisikan teks teletype

STF

<u>

Mendefinisikan teks yang digarisbawah

TF

<ul>

Mendefinisikan list yang tidak diurutkan

STF

<var>

Mendefinisikan suatu variable

STF

<xmp>

Mendefinisikan teks yang sudah diformat


Beri tanggapan

Your response:

Kategori