tag css

Background

Property Description Values IE F N W3C
background perintah singkat untuk mengkonfigurasi semua background dalam satu deklarasi background-colorbackground-image

background-repeat background-attachment background-position

4 1 6 1
background-attachment men-set apakah background tersebut tetap atau bergerak sampai batas bawah halaman scroll fixed 4 1 6 1
background-color mengatur warna background untuk elemen tertentu color-rgbcolor-hex

color-name

transparent

4 1 4 1
background-image mengatur sebuah image sebagai background url(URL) none 4 1 4 1
background-position mengatur letak background image 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 mengatur bagaimana sebuah image diulang tampilannya repeat repeat-x

repeat-y

no-repeat

4 1 4 1

Border

Property Description Values IE F N W3C
border perintah singkat untuk mengatur properti dari keempat border dalam satu deklarasi border-widthborder-style

border-color

4 1 4 1
border-bottom perintah singkat untuk mengatur semua properti dari bottom-border dalam sekali deklarasi border-bottom-widthborder-style

border-color

4 1 6 1
border-bottom-color mengatur warna dari bottom-border border-color 4 1 6 2
border-bottom-style mengatur style dari bottom-border border-style 4 1 6 2
border-bottom-width mengatur lebar dari bottom-border thin medium

thick

length

4 1 4 1
border-color mengatur warna dari keempat border, bisa ada empat warna color 4 1 6 1
border-left perintah singkat untuk mengatur semua properti dari left-border dalam sekali deklarasi border-left-widthborder-style

border-color

4 1 6 1
border-left-color mengatur warna dari left-border border-color 4 1 6 2
border-left-style mengatur style dari left-border
border-style
4 1 6 2
border-left-width mengatur lebar dari left-border thin medium

thick

length

4 1 4 1
border-right perintah singkat untuk mengatur semua properti dari right-border dalam sekali deklarasi border-right-widthborder-style

border-color

4 1 6 1
border-right-color mengatur warna dari right-border border-color 4 1 6 2
border-right-style mengatur style dari right-border border-style 4 1 6 2
border-right-width mengatur lebar dari right-border thin medium

thick

length

4 1 4 1
border-style mengatur style dari keempat border, bisa ada 1 – 4 border style none hidden

dotted

dashed

solid

double

groove

ridge

inset

outset

4 1 6 1
border-top perintah singkat untuk mengatur semua properti dari top-border dalam sekali deklarasi border-top-widthborder-style

border-color

4 1 6 1
border-top-color mengatur warna dari top-border border-color 4 1 6 2
border-top-style mengatur style dari top-border border-style 4 1 6 2
border-top-width mengatur lebar dari bottom-border thin medium

thick

length

4 1 4 1
border-width perintah singkat untuk mengatur lebar dai keempat border dalam satu deklarasi, bisa ada empat nilai border thin medium

thick

length

4 1 4 1

Classification

Property Description Values IE F N W3C
clear mengatur sisi dari sebuah elemen dimana tidak diizinkan adanya floating element lain left right

both

none

4 1 4 1
cursor mengatur tipe cursor yang 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 unsur ditampilkan none inline

block

list-item

run-in

compact

marker

table

inline-table

table-row-group

table-header-group

table-footer-group

table-row

table-column-group

table-column

table-cell

table-caption

4 1 4 1
float mengatur di mana gambar atau teks tampil dalam elemen lainnya left right

none

4 1 4 1
position menempatkan sebuah elemen dalam posisi static, relative, absolute, atau fixed static relative

absolute

fixed

4 1 4 2
visibility mengatur apakah suatu elemen akan terlihat atau tak-terlihat visible hidden

collapse

4 1 6 2

Dimension

Property Description Values IE F N W3C
height mengatur tinggi dari suatu elemen autolength

%

4 1 6 1
line-height mengatur jarak antar baris normal number

length

%

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 maksimum dari sebuah 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 perintah singkat untuk mengatur semua properti untuk font dalam satu deklarasi font-stylefont-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 prioritas dari font family name dan/atau generic family name untuk sebuah elemen family-namegeneric-family 3 1 4 1
font-size mengatur ukuran font xx-small x-small

small

medium

large

x-large

xx-large

smaller

larger

length

%

3 1 4 1
font-size-adjust mengatur tinggi dari font none number - - - 2
font-stretch menyingkat atau meng-expandsfont-family dari suatu normal wider

narrower

ultra-condensed

extra-condensed

condensed

semi-condensed

semi-expanded

expanded

extra-expanded

ultra-expanded

- - - 2
font-style mengatur style font normal italic

oblique

4 1 4 1
font-variant menampilkan teks sebagai small-caps font atau normal font normal small-caps 4 1 6 1
font-weight mengatur bobot 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 membuat content dalam dokumen. Digunakan dengan printah tambahan :before dan :after
pseudo-elemen
stringurl

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 seberapa banyak penambahan daftar dalam suatu selector none identifier number 2
counter-reset mengatur nilai dari suatu selector saat terjadi perubahan none identifier number 2
quotes mengatur penandaan dari suatu tipe kutipan none string string - 1 6 2

List and Marker

Property Description Values IE F N W3C
list-style perintah singkat untuk mengatur semua properti dari sebuah daftar dalam satu deklarasi list-style-typelist-style-position

list-style-image

4 1 6 1
list-style-image mengatur sebuah gambar sebagai list-item marker none url 4 1 6 1
list-style-position mengatur di mana list-item marker akan ditempatkan dalam daftar inside outside 4 1 6 1
list-style-type mengatur tipe list-item marker 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 perintah singkat untuk mengatur properti dari margin dalam satu deklarasi margin-topmargin-right

margin-bottom

margin-left

4 1 4 1
margin-bottom mengatur margin bawah dari sebuah elemen auto length

%

4 1 4 1
margin-left mengatur margin kiri dari sebuah elemen auto length

%

3 1 4 1
margin-right mengatur margin kanan dari sebuah elemen auto length

%

3 1 4 1
margin-top mengatur margin atas dari sebuah elemen auto length

%

3 1 4 1

Outlines

Property Description Values IE F N W3C
outline perintah singkat untuk mengatur semua properti outline dalam sebuah deklarasi outline-coloroutline-style

outline-width

- 1.5 - 2

outline-color
mengatur warna outline di sekitar sebuah elemen colorinvert - 1.5 - 2

outline-style
mengatur style dari outline di sekitar sebuah elemen none dotted

dashed

solid

double

groove

ridge

inset

outset

- 1.5 - 2

outline-width
mengatur lebar dari outline di sekitar sebuah elemen thin medium

thick

length

- 1.5 - 2

Padding

Property Description Values IE F N W3C
padding perintah singat untuk mengatur semua properti padding dalam satu deklarasi padding-toppadding-right

padding-bottom

padding-left

4 1 4 1
padding-bottom mengatur padding bawah elemen length% 4 1 4 1
padding-left mengatur padding kiri elemen length% 4 1 4 1
padding-right mengatur padding kanan elemen length% 4 1 4 1
padding-top mengatur padding atas elemen length% 4 1 4 1

Positioning

Property Description Values IE F N W3C
bottom mengatur seberapa jauh pinggir bawah dari sebuah elemen berada di atas/bawah dari pinggir bawah parent element auto %

length

5 1 6 2
clip mengatur bentuk dari sebuah elemen. elemen tersebut akan dimasukkan ke bentuk ini dan ditampilkan shapeauto 4 1 6 2
left mengatur seberapa jauh pinggir kiri dari sebuah elemen berada di kiri/kanan dari pinggir kiri parent element auto %

length

4 1 4 2
overflow mengatur apa yang akan terjadi jika content dari sebuah elemen melebihi areanya visible hidden

scroll

auto

4 1 6 2
position menempatkan elemen dalam posisi static, relative, absolute, atau fixed static relative

absolute

fixed

4 1 4 2
right mengatur seberapa jauh pinggir kanan dari sebuah elemen berada di kiri/kanan dari pinggir kanan parent element auto %

length

5 1 6 2
top mengatur seberapa jauh pinggir atas dari sebuah elemen berada di atas/bawah dari pinggir atas parent element auto %

length

4 1 4 2
vertical-align mengatur vertical alignment dari sebuah elemen baseline sub

super

top

text-top

middle

bottom

text-bottom

length

%

4 1 4 1
z-index mengatur urutan penimpaan dari suatu elemen auto number 4 1 6 2

Table

Property Description Values IE F N W3C
border-collapse mengatur apakah border tabel menyatu ke dalam satu single-border atau terlepas sebagai standar HTML collapse separate 5 1 7 2
border-spacing mengatur jarak pisah antar cell
(hanya untuk “separated borders” model)
length length 5M 1 6 2
caption-side mengatur posisi judul untuk tabel top bottom

left

right

5M 1 6 2
empty-cells mengatur apakah akan menampilkan cell kosong atau tidak (hanya untuk “separated borders” model) show hide 5M 1 6 2
table-layout mengatur algoritma yang digunakan untuk menampilkan table cells, rows, dan columns auto fixed 5 1 6 2

Text

Property Description Values IE F N W3C
color mengatur warna teks color 3 1 4 1
direction mengatur arah teks ltr rtl 6 1 6 2
line-height mengatur jarak antar baris normal number

length

%

4 1 4 1
letter-spacing menaikkan atau menurunkan jarak antar huruf normal length 4 1 6 1
text-align menyusun teks dalam suatu elemen left right

center

justify

4 1 4 1
text-decoration menambahkan dekorasi pada teks none underline

overline

line-through

blink

4 1 4 1
text-indent menjorokkan baris pertama dari teks dalam sebuah elemen length% 4 1 4 1
text-shadow none color

length

text-transform mengontrol surat dalam suatu elemen none capitalize

uppercase

lowercase

4 1 4 1
unicode-bidi normal embed

bidi-override

5 2
white-space mengatur bagaimana mengurus white space dalam suatu elemen normal pre

nowrap

5 1 4 1
word-spacing menaikkan atau menurunkan jarak antar kata normal length 6 1 6 1

Pseudo-classes

Pseudo-class Purpose IE F N W3C
:active menambahkan spesial style pada elemen aktif 4 1 8 1
:focus menambahkan spesial style pada suatu elemen selama ia menjadi focus - 1.5 8 2
:hover menambahkan spesial style pada suatu elemen saat mouse berada di atasnya 4 1 7 1
:link menambahkan spesial style pada link yang belum dikunjungi 3 1 4 1
:visited menambahkan spesial style pada link yang sudah dikunjungi 3 1 4 1
:first-child menambahkan spesial style pada elemen yang merupakan turunan pertama dari elemen lainnya - 1 7 2
:lang mengizinkan author untuk mengatur bahasa yang digunakan dalam elemen tertentu - 1 8 2

Pseudo-elements

Pseudo-element Purpose IE F N W3C
:first-letter menambahkan spesial style pada huruf pertama dari sebuah teks 5 1 8 1
:first-line menambahkan spesial style pada baris pertama dari sebuah teks 5 1 8 1
:before memasukkan beberapa content sebelum sebuah elemen 1.5 8 2
:after memasukkan beberapa content setelah sebuah elemen 1.5 8 2

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.