Property CSS

Assalamualaikum.
Alosobat, kali ini saya mencoba menyusun property css walaupun masih banyak kekurangan . Oh ya Property CSS ini hanya sebagian saja saya tanpilkan untuk melihat keselurahannya silahkan sobat download dibawah ini. Jika sobat ingin shared dokumen silahkan sertakan sumber blognya.

property	value	penjelasan	contoh
background-color	#........  rgb(… … …)	untuk memberikan warna background	#000000; rgb(10, 255, 10);
background-image	url (….)	mengambil gambar untuk dijadikan sebuah background	background-image: url(document/contoh.jpg);
background-position	left top center right	menentukkan  posisi dari background	backround-position : left; backround-position : center;
backgournd-repeat	repeat-x repeat y  no-repeat	untuk menentukan perulangan/tidak pada penampilan gambar	backgroud-repeat:repeat-x; background-repeat:repeat-y; background-repeat:no-repeat;
border	…px	digunakan untuk memberikan tepian/bingkai  atau border pada suatu element	border: 1px;
border-top	…px	memberikan border/bingkai pada bagian atas	border-top: 1px;
border-bottom	…px	memberikan border/bingkai pada bagian bawah	border-bottom:  1px;
border-right	…px	memberikan border/bingkai pada bagian kanan	border-right: 20px;
border-left	…px	memberikan border/bingkai pada bagian kiri`	border-left: 20px;
border-collapse	separate collapse initial inherit	digunakan untuk menentukan type border	border-collapse: separate;
border-color	#.........  rgb (….,…., )	digunakan untuk menentukkan warna bingkai	border-color:  #fff; border-color: rgb(10, 255, 10);
border-style	solid, dashed, double, groove , ridge, inset, outset	digunakan  untuk menetukkan gaya bingkai	border-style: solid; border: dashed;
border-width	…px	menentukan ketebalan border	border-width: 3px;
border-top-right-radius	….em	garis melengkung pada sisi atas dan kanan dengan ukuran berbeda	border-top-right-radius : 3em 2.5em;
clear	left right both initial	mengembalikan pengaturan normal  sebuah elemen	clear: left; clear: right; clear:both; clear:initial;
color	#.... rgb(…, …, …)	memberikan warna pada text	color: # 7fff55
display	none block inline inline-block	Mengatur/menembunyikan tampilan elemen	display : none; diplay : block;
font-family	arial, san-serif arial, time roman	menentukan jenis huruf yang digunakan	font-family : arial, sans-serif; font-family : arial, san-serif;
font-decoration	line-trough,overline, underline	untuk memberi dekorasi pada text	font-decoration :
font-weight	normal bolder bold lighter	untuk memberikan ketebalan pada text	font-weight : normal;
font-size	px,em	untuk merubah ukuran text	font-size : 10px; font-size: 1 em;
float	right left	meleletakan konten  sebelah kanan atau kiri	float : right float : left
font-family	arial	digunakan untuk memiih jenis font
line-height	…px	memberikan nilai tinggi nya text
letter-spacing	...em	digunakan untuk memberikan tambahan space antara huruf	letter-spacing : 0.2 em
left	…px	menggeser elemen ke kiri	left : -20px;
right	…px	menggeser  elemen ke kanan	right : -10px
top	…px	menggeser elemen ke atas	top : -5px;
list-style-type	none	digunakan untuk memberikan gaya pada cara pembuatan list konten	list-style:none;
margin	top right bottom left	untuk memberikan ruang luar horizontal dan vertikal	margin-top : 5px; margin –right : 5px; margin –bottom: 2px; margin –left: 11 px; margin : 0 2px 7px 3px;
padding	top right bottom left	untuk memberikan ruang dalam horizontal dan vertikal	padding-top : 5px; padding –right : 5px; padding –bottom: 2px; padding –left: 11 px; padding : 0 2px 7px 3px;
position	static, relative, fixed, absolute	memberikan perintah posisi suatu element	position : static position : relative position : fixed position : absolute
table-layout	auto fixed initial	menetukkan lebar dari table yang akan   dihitung	table-layout:auto;
text- align	center, left, right, justify	untuk mengatur posisi text	text- align : center; text- align : right; text- align : justify;
text-decoration	none	underline/ garis bawah text	text-decoration : none
text-indent	...px ...em	untuk mengatur indent baris pertama.	text-indent:20px; text-ndent:-50px;
text-transform	1. capitalize 2. lowercase. 3. uppercase	1.   membuat huruf besar pertama 2.   membuat huruf kecil 3.   membuat text huruf besar semua	text-transform  : capitalize
text-shadow	….px	memberikan bayangan pada text	1px 1px 1p #cc
width	….px	mengatur lebar elemen	width : 10px;
word-spacing	….em …px	digunakan untuk memberikan tambahan space antara kata.	word-spacing  : 2 em; word-spacing   : 10px;
z-index		fungsinya menimpa elemen diatas atau dibawah sesuai dengan indexnya, makin besar angka indexnya maka makin diatas	z-index : -1; z-index:auto; z-index:0; z-index:1;

Download : Property CSS