Daftar Property dan Value dalam CSS (Font, Text, Background, List dan Marker)

Posted on

Daftar Property dan Value dalam CSS Font, Daftar Property dan Value dalam CSS Text, Daftar Property dan Value dalam CSS List dan Marker, Daftar Property dan Value dalam CSS Background

Font

Property Deskripsi Values
font mengatur semua property font dengan 1 deklarasi font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
font-family list prioritas nama font family dan/atau nama family yg generik untuk suatu element family-name
generic-family
font-size menentukan ukuran font xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
font-style menentukan style font normal
italic
oblique
font-variant menampilkan text dalam small-caps font (huruf kecil) atau normal font normal
small-caps
font-weight menentukan bobot dari font normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

Text

Property Deskripsi Values
color menentukan warna text color
direction menentukan arah text ltr
rtl
letter-spacing menentukan spasi antar character dalam text normal
length
text-align mengatur alignment text dalam suatu element left
right
center
justify
line-height menentukan spasi antar baris dalam sebuah paragraf normal
length
text-decoration memberi dekorasi pada text none
underline
overline
line-through
blink
text-indent memberi indent pada baris pertama text dalam suatu element length
%
text-transform mengatur huruf dalam element none
capitalize
uppercase
lowercase
white-space mengatur bagaimana whitespace dalam element normal
pre
nowrap
word-spacing menentukan spasi antar kata normal
length

List dan Marker

Property Deskripsi Values
list-style mengatur semua property list dalam 1 deklarasi list-style-type
list-style-position
list-style-image
list-style-image menggunakan image sebagai marker list-item none
url
list-style-position menentukan dimana marker list-item ditempatkan di list outside
inside
list-style-type menentukan tipe marker list-item disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-greek
lower-alpha
lower-latin
upper-alpha
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
none

Background

Property Deskripsi Values
background mengatur semua property background dengan 1 deklarasi background-color
background-image
background-repeat
background-attachment
background-position
background-attachment mengatur apakah background image fixed atau scroll dengan bagian page yang lain scroll
fixed
background-color mengatur background color dari suatu element transparent
color
background-image menggunakan image sebagai background none
url
background-position mengatur posisi pertama dari background image top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-%, y-%
x-pos, y-pos
background-repeat mengatur apakah background image diulang (tile) repeat
repeat-x
repeat-y
no-repeat

 

Leave a Reply

Your email address will not be published. Required fields are marked *