Rifin_L

Berbagi ilmu dengan mas Zaenal Arifin

Halaman

Quote

Quote

Diberdayakan oleh Blogger.

Popular Posts

Quote

Search

Statistik

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Test Footer Widget 2

New Tutorial

Page Fans

Visitors

Translators

Test Footer Widget 1

My Banner

Postingan Populer

Kamis, 09 Oktober 2014

Manfaat Lari bagi kesehatan


Pertanyaan :
Apakah Lari itu .....!!
Jawaban...???

Lari adalah kategori olahraga yang sangat sederhana, praktis, ekonomis dan gratis. mengapa demikian, Sebab olahraga lari tidak memerlukan banyak peralatan layaknya cabang olahraga yang lainnya. Kita hanya memerlukan sepatu dan pakaian nyaman saja untuk melakukan olahraga lari pagisiang maupun sore hari.

Disebut sebagai olahraga yang praktis dan gratis  karena lari itu  dapat dilakukan kapan saja dan dimana saja, lama waktunya pun juga bisa disesuaikan dengan waktu luang kita. Walaupun begitu, manfaat lari untuk kesehatan tidak dapat diragukan, sebab pada kenyataannya dengan melakukan rutinitas olahraga lari pagi, siang dan sore hari, kita bisa memperoleh 5 manfaat seperti yang akan dijelaskan dibawah ini:

1. MENYEHATKAN JANTUNG
Lari adalah olahraga yang mempunyai efek aerobik yang sangat tinggi, dengan begitu maka dapat menguatkan jantung dan melancarkan peredaran darah keseluruh bagian tubuh manusia. Jika kita berlari secara konstan sejauh 16 Km dalam seminggu, 39% akan lebih jarang mengalami gangguan tekanan darah. Dan kita juga akan jarang menumpuk kolesterol dalam pembuluh darah hingga 34%.

2. MENGURANGI LEMAK (DIET)
Olahraga lari bisa membakar banyak lemak bersamaan dengan jumlah kalori yang di bakar saat semua bagian badan bergerak selama berlari. Lemak akan terus dibakar walaupun sudah selesai joging/lari. Seseorang yang berlari minimal empat jam dalam seminggu akan dapat membakar lemak lebih banyak daripada yang tidak melakukan kegiatan lari, bahkan ketika mereka sudah istirahat.

3. MENINGKATKAN DAYA TAHAN TUBUH
Manfaat Lari Pagi Siang Sore Untuk Kesehatan, dapat menaikkan hormon sehingga baik dalam otak kita yang bertugas dalam meningkatkan imunitas atau daya tahan tubuh seseorang dari berbagai macam penyakit.

4. MENJAUHKAN KITA DARI STRESS
Banyak penelitian kesehatan yang menjelaskan bahwa dengan olahraga lari maka bisa menurunkan tingkat kecemasan, mengurangi perasaan marah dan kesal, serta meningkatkan produksi antidepresi.

5. MENINGKATKAN KEMAMPUAN OTAK
Dengan menjalankan olahraga lari, sehingga jumlah supplai oksigen yang masuk ke dalam darah akan meningkat, dengan begitu akan mempercepat aliran darah menuju otak, sehingga dapat meningkatkan konsentrasi, kreativitas, serta kesehatan mental.

Dan Untuk Perbedaan Manfaat Lari Pagi, Siang, dan Sore; sebenarnya tidak terlalu banyak karena dari kelima manfaat yang dijelaskan diatas semua terpenuhi pada segala waktu melaksanakan olah raga lari. Yang membedakan yaitu:
- Lari pagi hari : Udara Oksigen masih bersih dan bisa mendapatkan vitamin D dari sinar matahari, waktu yang paling baik untuk lari.

- Lari Siang hari : Kadar oksigen menipis, maka akan memaksa paru-paru bekerja lebih keras menghisap udara berkadar oksigen rendah, yang akan berdampak lebih cepat membakar lemak dan kolesterol di badan sehingga tubuh lebih bugar.

- Lari Sore Hari : Akan memperoleh udara yang sejuk karena matahari sudah tak terlalu menyengat seperti pada siang hari. Namun Saya disini menganjutkan bila ingin mendapatkan hasil atau manfaat yang maksimal, lebih baik berlari pada pagi hari.



Sekian pembahan mengenai lari bagi kesehatan tubuh ,semoga apa yang saya sampaikan bisa bermanfaat bagi pengunjung maupun pembaca nya.
-
zaenalvin.blogspot.com
Rabu, 08 Oktober 2014

tv online

-
zaenalvin.blogspot.com
Sabtu, 04 Oktober 2014

Cara Install Photoscape

Pertanyaan:
Bagaimana Cara Install Photoscape....???
Jawaban....??

1.download Software Photoscape nya.
2.sesudah di download klik Photoscape .


3. klik I Agree Install.


4. Klik  next. 

5.Tunggu hingga proses Installasi selesai.


6.klik finish.


7.Photoscape Siap digunakan.


Semoga apa yang saya posting bisa bermanfaat,dan selamat mencoba.


















Cara Install Photoscape -
zaenalvin.blogspot.com
Rabu, 01 Oktober 2014

Cara Install Advanced System Care Free

Pertanyaan:
Bagaimana Cara Install Advanced System Care FREE...?

JAWABAN.!

cara install Advanced System Care 


1.download Advanced System Care nya dulu.
2.klik open,kemudian klik next dan tampilan nya gini welcome to the advanced system care.





3.klik  install dan tunggu sebentar.hingga proses installasi selesai.



4.klik Accept.

5.klik next.

6. kemudian .klik next.

7.klik  next lagi.


8.klik klasik kemudian pilih bahasa yang anda inginkan kemudian klik next.


9.klik finis.

Sekian Dari Saya,Semoga apa yang saya sampikan bisa bermanfaat bagi pembaca nya maupun pengunjung nya,Dan selamat mencoba.plus comment











-
zaenalvin.blogspot.com

Pengertian Advanced System Care

Pertanyaan:
Apakah yang dimaksud dengan Advanced SystemCare
Jawaban......????
Advanced SystemCare (sebelumnya Advanced Windows Care) atau disingkat ASC adalah perangkat lunak utilitas pada komputer yang dapat berjalan di Windows 2000, Windows XP, Windows Vista, Windows 7, Windows 8, dan Windows 8.1 yang dibuat oleh perusahaan IObit Software. Advanced SystemCare berguna untuk meningkatkan kinerja dan kecepatan komputer.

Latar Belakang

Pada Advanced SystemCare, terdapat 2 versi, yaitu versi gratis dan versi berbayar (versi PRO). Fungsi kedua versi tersebut sama, di antaranya membersihkan registri komputer yang rusak, melakukan defragmentasi pada disk, memindai malware, dan membersihkan pintasan yang rusak.
Versi terbaru dari program ini disebut Advanced SystemCare Ultimate 7.1.0 dan merupakan kombinasi yang ada pada mesin Advanced SystemCare dengan mesin antivirus yang disediakan oleh BitDefender.

Fitur

Menu Care


Menu Care pada Advanced SystemCare 7.2.
  • Malware Removal
Berguna untuk memindai dan membasmi malware (virus, spyware dan adware).
  • Registry Fix
Berguna untuk memperbaiki dan membersihkan registri yang rusak.
  • Privacy Sweep
Berguna untuk membersihkan privasi.
  • Junk File Clean
Berguna untuk membersihkan berkas sampah.
  • Shortcuts Fix
Berguna untuk memperbaiki pintasan rusak.
  • Internet Boost
Berguna untuk mempercepat kinerja internet.
Registry Defrag
Berguna untuk mendefrag dan merapihkan registri.
  • System Optimization
Berguna untuk mengoptimalkan sistem.
  • Security Defense
Berguna untuk menambahkan tingkat keamanan.
  • Disk Scan
Berguna untuk memindai dan memperbaiki disk rusak.
  • Vulnerability Fix
Berguna untuk memperbaiki kerentanan pada Windows.
  • Disk Defragment
Berguna untuk mendefrag dan merapihkan disk.

Menu Toolbox


Menu Toolbox pada Advanced SystemCare 7.2.

Bagian Clean[

  • IObit Uninstaller
Berguna untuk membuang perangkat lunak dari Windows.
  • Registry Cleaner (versi PRO)
Berguna untuk meperbaiki dan membersihkan registri yang rusak.
  • Disk Cleaner (versi PRO)
Berguna untuk membersihkan file sampah di disk.
  • File Shredder
Berguna untuk menghancurkan berkas.
  • Empty Folder Scanner
Berguna untuk memindai dan membersihkan folder yang tidak berisi.

Bagian Optimize[sunting | sunting sumber]

  • Smart RAM (versi PRO)
Berguna untuk memonitor penggunaan memori dan mendaur ulang blok memori yang tidak terpakai untuk meningkatkan memori fisik yang tersedia.
  • Internet Booster (versi PRO)
Berguna untuk mempercepat kinerja internet.
  • Startup Manager
Berguna untuk mengubah dan mengatur perangkat lunak yang akan dijalanlan ketika windows dimulai.
  • Registry Defrag
Berguna untuk mendefrag dan merapihkan registri.
  • Smart Defrag
Berguna untuk mendefrag dan merapihkan disk.
  • Game Booster
Berguna untuk mempercepat kinerja permainan.

Bagian Repair

  • Undelete
Berguna untuk mengembalikan berkas yang telah terhapus.
  • Shortcut Fixer
Berguna untuk memperbaiki pintasan yang rusak.
  • Disk Doctor
Berguna untuk memperbaiki disk yang rusak.
  • Win Fix (versi PRO)
Berguna untuk memperbaiki sistem Windows yang rusak atau dirubah oleh virus.
  • IE Helper
Berguna untuk merubah dan mengganti pengaturan pada peramban Internet Explorer.

Bagian Security

  • Drive Booster
Berguna untuk mempercepat drive dengan memperbarui drive yang telah usang.
  • IObit Malware Fighter
Berguna untuk memindai dan membasmi malware.
  • Process Manager
Berguna untuk mengelola proses yang berjalan pada komputer. Fungsinya sama dengan Task Manager.
  • IObit Unlocker
Berguna untuk membuka, mengubah nama, menghapus, dan memindahkan berkas atau folder yang terkunci secara paksa maupun tidak.
  • Homepage Protection
Berguna untuk melindungi beranda pada peramban.

Bagian Control

  • Auto Shutdown
Berguna untuk mematikan komputer secara otomatis dengan waktu yang diatur sendiri.
  • System Information
Berguna untuk melihat informasi-informasi sistem pada komputer.
  • System Control
Berguna untuk mengubah pengaturan sistem komputer.
  • Protected Folder

Menu Turbo Bost pada Advanced SystemCare 7.2.

Menu Action Center pada Advanced SystemCare 7.2.
Berguna untuk melindungi folder dan berkas.
  • Program Deactivator
Berguna untuk menonaktifkan program lain agar tidak berjalan di proses komputer.

Bagian Advanced

  • ASC Portable Version
Berguna untuk mengubah Advanced SystemCare ke bentuk portabel.
  • Disk Explorer
Berguna untuk menjelajahi dan melihat disk pada komputer.
  • Cloned Files Scanner
Berguna untuk memindai dan membersihkan berkas yang berduplikat.
  • Game Assistant
Berguna untuk mempercepat kinerja permainan.

Menu Turbo Bost

Berguna untuk mempercepat dan mengoptimalkan kinerja komputer. Terdapat 3 macam modeboost:
  • Work Mode
Berguna untuk mempercepat kinerja komputer dengan cara menonaktifkan layanan dan aplikasi komputer yang tidak digunakan.
  • Game Mode
Berguna untuk mempercepat kinerja komputer saat bermain permainan dengan cara menonaktifkan sistem yang tidak diperlukan dan layanan yang bukan berasal dari Windows.
  • Economy Mode
Berguna untuk memperpanjang daya hidup baterai pada laptop dan juga meningkatkan kinerja.

Menu Action Center

Berguna untuk menawarkan pengguna beberapa perangkat lunak yang disediakan oleh IObit Software juga. Seperti IObit Malware Fighter (Free/Pro), Driver Booster (Free/Pro), dan Smart Defrag (Free/Pro).

Perbedaan antara versi Free dan Pro

Versi Free merupakan versi yang standar, memperbaiki, mengoptimalkan, serta memberikan perlindungan dasar dari ancaman keamanan. Sedangkan versi Pro memiliki kelebihan yang banyak dari versi Free. Versi Pro memiliki peralatan yang lengkap, dapat memperbaiki registri secara mendalam, dapat mengoptimalkan secara otomatis dan aktif, dapat memindai secara mendalam dan menghapus malware dan spyware, 24/7 dukungan teknis, dapat memperbarui secara otomatis, dan terdapat kulit yang lebih banyak.

Semoga apa yang saya postingkan bisa bermanfaat bagi pembaca nya maupun pengunjung nyaa.....

-
zaenalvin.blogspot.com
Selasa, 30 September 2014

Cara Install Cisco Packet Tracer

Pertanyaan:
Bagaimana Cara Instal  Cisco Packet Tracer..!!
JAWABAN...?

Packet Tracer adalah simulator alat-alat jaringan Cisco yang sering digunakan sebagai media pembelajaran dan pelatihan, dan juga dalam bidang penelitian simulasi jaringan komputer. Program ini dibuat oleh Cisco Systems dan disediakan gratis untuk fakultas, siswa dan alumni yang telah berpartisipasi di Cisco Networking Academy. Tujuan utama Packet Tracer adalah untuk menyediakan alat bagi siswa dan pengajar agar dapat memahami prinsip jaringan komputer dan juga membangun skill di bidang alat-alat jaringan Cisco.

                                Cara instal cisco paket tracer
1.download cisco paket tracer nya.
2. klik cisco paket tracer nya.dan open.


3.klik next.


4.klik next dan jangan lupa di centang



5.klik next.



6.klik next .
 7,klik next dan jangan lupa centang.

8.klik Install.

9.tunggu hingga selesai meng install.


10. klik finish.


11. Cisco Packet Tracer siap di jalankan.


Itu tadi Cara Install Cisco Packet Tracer,Semoga Bermanfaat Bagi pembaca nya maupun pengujung nya dan jangan lupa tinggalkan komentar anda dan selamat mencoba.

-
zaenalvin.blogspot.com

CSS


TUTORIAL CSS
1. Pengenalan CSS
CSS merupakan kepanjangan dari Cascading Style Sheet yaitu suatu dokumen yang digunakan untuk
melakukan pengaturan halaman web.
Apa itu CSS :
CSS singkatan dari Cascading Style Sheets
Styles didefinisikan bagaimana manampilkan elemen HTML
Styles umumnya disimpan ke dalam Style Sheet
Styles ditambahkan HTML untuk membantu pekerjaan
External Style Sheets dapat membantu banyak pekerjaan
ExternalStyle Sheet disimpan dalam CSS files
Multiple Style dapat didefinisi banyak jendela menjadi satu
Menggunakan CSS tidak memerlukan perangkat lunak tertentu karena merupakan script yang telah
embeded dengan HTML. Cukup menggunakan aplikasi seperti note pad, anda sudah mampu
menciptakan script CSS sendiri
Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun
bukan merupakan suatu keharusan dalam membuat web, akan tetapi penggunaan style sheets
merupakan kelebihan tersendiri.
Suatu style sheet merupakan tempat dimana anda mengontrol dan memanage style-style yang ada.
Style sheet mendeskripsikan bagaiman tampilan document HTML di layar. Anda juga bias
menyebutnya sebagai template dari documents HTML yang menggunakanya.
Anda juga bisa membuat efek-efek sepsial di web anda dengan menggunakan style sheet. Sebagai
contoh anda bisa membuat style sheet yang mendefinisikan style untuk <H1> dengan style bold dan
italic dan berwarna biru. Atau pada tag <P> yang akan di tampilkan dengan warna kuning dan
menggunakan font verdana dan masih banyak lagi yang bias anda lakukan dengan style sheet.
Secara teoritis anda bisa menggunakan style sheet technology dengan HTML. Akan tetapi pada
prakteknya hanya Cascading Style Sheet (CSS) technology yang support pada hampir semua web
Browser. Karena CSS telah di setandartkan oleh World Wide Web Consortium (W3C) untuk di
gunakan di web browser.
Pada perkembangannya CSS sudah masuk level 3 untuk sekarang, dimana dimulai CSS level 1 atau
yang sering di sebut CSS aja, kemudian level 2 yang merupakan penyempurnaan dari CSS level
sebelumnya, yaitu CSS level 1.
CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai
banyak keuntungan, diantaranya :
- Ukuran file lebih kecil
- Load file lebih cepat
- Dapat berkolaborasi dengan JavaScript
- Pasangan setia XHTML
- Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.
- Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.
- Dan banyak lagi yang lainnya.
MULOK/XII/08-09 Hal:2
2. Sintaks dari HTML
Penulisan kode CSS dibuat menjadi tiga bagian, yaitu:
selector { property1: value; property2:value, . . .}
H1{ color:green; background-color:orange}
Ket:
1. Selector
Bagian pertama sebelum tanda “{}” disebut selector.Selector adalah tag html yang umumnya kamu
ketahui.
2. Declaration
Terdiri dari property dan nilainya.Property adalah atribut yang kamu ingin ubah dan tiap property
mempunyai nilai/value.
Contoh:
1. 2.
3. 4.
5. 6.
Catatan:
Jangan ada spasi antara property value dengan unitnya(1).
Nama property bersifat case sensitif dan menggunakan huruf kecil.
Jika nilai /value lebih dari satu kata, maka gunakan tanda petik di antara nilai(2)
Jika property lebih dari satu, maka gunakan tanda titik koma untuk membatasi property
lain(3,5).
Jika selector lebih dari dan mempunyai property dan value yang sama maka gunakan tanda
koma(6).
Ada tiga cara penempatan kode CSS dalam HTML, yaitu :
1. Internal CSS
Yaitu menuliskan langsung script CSS di file HTML-nya.
Contoh :
<html>
<head>
<title>Belajar CSS</title>
<style type=”text/css”>
p {color: white; }
body {background-color: black; }
</style>
</head>
<body>
<p>Selamat Datang CSS</p>
</body>
</html>
p {margin-left: 20px}
P{font-family:”sans serif”}
p {text-align:center;color:red}
body{ color:black}
p
{
text-align: center;
color: black;
font-family: arial
}
h1,h2,h3,h4,h5,h6
{
color: green
}
MULOK/XII/08-09 Hal:3
2. External CSS
Yaitu memanggil file CSS dari tempat/folder/lokasi lain, dengan kata lain file CSS terpisah dengan
file HTML. Browser akan membaca definisi style dari file test.css dan akan mengikuti format
tersebut.Eksternal style ditulis di text editor lain dengan ekstention .css Untuk lebih jelasnya kita
lihat contoh dibawah ini:
<html>
<head>
<title>Belajar CSS</title>
<link rel=”stylesheet” type=”text/css” href=”test.css”/>
</head>
<body>
<h3> Selamat Datang CSS </h3>
</body>
</html>
3. Inline CSS
Yaitu penulisan kode CSS dalam tag HTML. Lihat contoh dibawah ini:
<html>
<head>
<title>Belajar CSS</title>
</head>
<p style=”background: blue; color: white;”>Style Menggunakan
CSS</p>
</body>
</html>
Class Selector
Dengan class selector dapat mendefinisikan perbedaan style untuk tag elemen html yang sama.
Misalnya, dua type paragraph dalam dokumen.Yang satu paragraph align-right dan yang satu
paragraph align-center.
Contoh:
atau
Penggunaan atribut class di dalam dokumen html
<p class="right">
This paragraph will be right-aligned.
</p>
<p class="center">
This paragraph will be center-aligned.
</p>
Catatan:
Jangan memberi nama class dengan angka.
Memberikan kata/kalimat lebih dari satu class, penulisannya adalah:
<p class="center bold">
This is a paragraph.
</p>
.right {text-align: right}
.center {text-align: center}
p.right {text-align: right}
p.center {text-align: center}
MULOK/XII/08-09 Hal:4
Penggunaan Atribut ID dalam tag
Cara memberi nama ID :
Dapat mengandung huruf, angka, atau karakter garis bawah
Karakter pertama harus berupa huruf atau karakter garis bawah
Diawali dengan tanda #
Jangan memberi nama id sama dengan value
Jangan memberi nama id dengan tag html kemudian diikuti tanda #
Contoh:
<html>
<head>
<title>atribut id</title>
<style type = "text/css">
<!--
#tebal { font-weight : bold;
color : blue; }
#miring { font-style : italic;
color: pink; }
-->
</style>
</head>
<body>
<h1>pantun</h1>
<h2 id = "miring">
kalau ada jarum yang patah<br>
jangan disimpan dalam peti
</h2>
<h3 id = "tebal">
kalau ada kata yang salah<br>
jangan disimpan dalam hati
</h3>
</body>
</html>
Komentar Dalam Style Sheet
Contoh :
<html>
<head>
<title>komentar</title>
<style type = "text/css">
<!--
/*
h3.merah { color: red; }
*/
h3.biru { color: blue; }
-->
</style>
</head>
<body>
<h3 class = "biru">biru? pasti!</h3>
<h3 class = "merah">merah? pasti!</h3>
<h4 class = "merah">merah? nggak mungkin!</h4>
</body>
</html>
MULOK/XII/08-09 Hal:5
CSS Text Properties
Digunakan untuk mengontrol tampilan dari teks, merubah warna teks, penurunan atau kenaikan
spasi antara teks, perataan teks, dekorasi teks, pengaturan teks dalam baris dan sebagianya.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
Contoh:
<html>
<head>
<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p>
</body>
</html
W3C: Penomoran "W3C" column indikasi yang mana CSS merekomendasikan definisi property (CSS1
or CSS2).
Property Description Values IE F N W3C
color Sets the color of a text color 3 1 4 1
direction Sets the text direction ltr
rtl
6 1 6 2
line-height Sets the distance between
lines
normal
number
length
%
4 1 4 1
letter-spacing Increase or decrease the
space between characters
normal
length
4 1 6 1
text-align Aligns the text in an element left
right
center
justify
4 1 4 1
text-decoration Adds decoration to text none
underline
overline
line-through
blink
4 1 4 1
text-indent Indents the first line of text
in an element
length
%
4 1 4 1
text-shadow none
color
length
text-transform Controls the letters in an
element
none
capitalize
uppercase
lowercase
4 1 4 1
MULOK/XII/08-09 Hal:6
unicode-bidi normal
embed
bidi-override
5 2
white-space Sets how white space inside
an element is handled
normal
pre
nowrap
5 1 4 1
word-spacing Increase or decrease the
space between words
normal
length
6 1 6
CSS Klasifikasi Properties
Digunakan untuk mengontrol bagaimana tampilan elemen, set dimana gambar, set dimana gambar
dapat tampil di semua elemen, posisi elemen relative ke dalam normal, posisi elemen digunakan
dalam nilai absolute , dan bagaimana mengontrol tampilan elemen.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: Penomoran "W3C" kolom indikasi yang mana CSS merekomendasikan definisi property (CSS1 or
CSS2).
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 Specifies the type of cursor to
be displayed
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 Sets how/if an element is
displayed
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
MULOK/XII/08-09 Hal:7
float Sets where an image or a text
will appear in another element
left
right
none
4 1 4 1
position Places an element in a static,
relative, absolute or fixed
position
static
relative
absolute
fixed
4 1 4 2
visibility Sets if an element should be
visible or invisible
visible
hidden
collapse
4 1 6 2
CSS Table Properties
Digunakan untuk mensetting tampilan dari tabel.
Contoh:
<html>
<head>
<style type="text/css">
table
{
border-collapse: separate;
empty-cells: show
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>
</body>
</html>
Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.
W3C: Penomoran "W3C" kolom indikasi yang mana CSS merekomendasikan definisi property (CSS1 or
CSS2).
Property Description Values IE F N W3C
border-collapse Sets whether the table
borders are collapsed into a
single border or detached as
in standard HTML
collapse
separate
5 1 7 2
border-spacing Sets the distance that
separates cell borders (only
for the "separated borders"
model)
length length 5M 1 6 2
caption-side Sets the position of the table top 5M 1 6 2
MULOK/XII/08-09 Hal:8
caption bottom
left
right
empty-cells Sets whether or not to show
empty cells in a table (only
for the "separated borders"
model)
show
hide
5M 1 6 2
table-layout Sets the algorithm used to
display the table cells, rows,
and columns
auto
fixed
5 1 6 2
CSS Background Properties
Digunakan untuk mengontrol warna background dari elemen, setting gambar, setting gambar
sabagai background, mengulang gambar background vertical dan horizontal, posisi gambar dalam
halaman
Contoh:
<html>
<head>
<style type="text/css">
body
{
background-image: url('logo_canisius.jpg');
background-repeat: no-repeat;
background-position: 50px 100px;
}
</style>
</head>
<body>
</body>
</html>
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: Penomoran "W3C" kolom indikasi yang mana CSS merekomendasikan definisi property (CSS1 or
CSS2).
Property Description Values IE F N W3C
background A shorthand property for
setting all background
properties in one declaration
background-color
background-image
background-repeat
background-attachment
background-position
4 1 6 1
background-attachment Sets whether a background
image is fixed or scrolls with
the rest of the page
scroll
fixed
4 1 6 1
background-color Sets the background color of
an element
color-rgb
color-hex
color-name
transparent
4 1 4 1
background-image Sets an image as the
background
url(URL)
none
4 1 4 1
MULOK/XII/08-09 Hal:9
background-position Sets the starting position of a
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 Sets if/how a background
image will be repeated
repeat
repeat-x
repeat-y
no-repeat
4 1 4
CSS Font Properties
Digunakan untuk merubah jenis huruf, ketebalan,ukuran, style dari teks.
Catatan: CSS1 font diidentifikasi oleh font name. Jika browser tidak support font, dapat gunakan
font default.
Contoh:
<html>
<head>
<style type="text/css">
h1 {font-style: italic}
h2 {font-style: normal}
p {font-style: oblique}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p>
</body>
</html>
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: Penomoran "W3C" kolom indikasi yang mana CSS merekomendasikan definisi property (CSS1 or
CSS2).
Property Description Values IE F N W3C
font A shorthand property for
setting all of the properties
for a font in one declaration
font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
4 1 4 1
MULOK/XII/08-09 Hal:10
status-bar
font-family A prioritized list of font
family names and/or generic
family names for an element
family-name
generic-family
3 1 4 1
font-size Sets the size of a font xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
3 1 4 1
font-size-adjust Specifies an aspect value for
an element that will preserve
the x-height of the firstchoice
font
none
number
- - - 2
font-stretch Condenses or expands the
current font-family
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
- - - 2
font-style Sets the style of the font normal
italic
oblique
4 1 4 1
font-variant Displays text in a small-caps
font or a normal font
normal
small-caps
4 1 6 1
font-weight Sets the weight of a font normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
4 1 4 1
CSS font Property
Digunakan untuk dengan pengecualian system font, property pendek untuk mesetting semua
property dari huruf dalam satu pendeklarasian
MULOK/XII/08-09 Hal:11
Contoh:
<html>
<head>
<style type="text/css">
p
{
font: italic small-caps 900 20px arial
}
</style>
</head>
<body>
<p>This is a paragraph</p>
</body>
</html>
Catatan: Property ini juga mempunyai enam nilai: "line-height", penulisan spasi dengan garis.
Contoh:
P
{
font: 12px arial
}
p
{
font: italic small-caps bold 12px arial
}
p
{
font: oblique small-caps 900 12px/14px arial
}
p
{
font: menu
}
Possible Values
Value Description
font-style
font-variant
font-weight
font-size/lineheight
font-family
Sets the properties for a font. The line-height value sets the space between lines.
The value can be a number, a %, or a font size.
Default value: Browser dependent
Caption Defines the font that are used by captioned controls (like buttons, drop-downs,
etc.)
Icon Defines the fonts that are used by icon labels
Menu Defines the fonts that are used by dropdown menus
Message-box Defines the fonts that are used by dialog boxes
small-caption
status-bar Defines the fonts that are used by window status bars
MULOK/XII/08-09 Hal:12
CSS List Properties
Digunakan untuk pembuatan tempat list item, merubah antara perbedaan list item, setting gambar
dalam pembuatan list item.
Contoh :
<html>
<head>
<style type="text/css">
ul
{
list-style: square inside url('nextsteplogo.gif')
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: Penomoran "W3C" kolom indikasi yang mana CSS merekomendasikan definisi property (CSS1 or
CSS2).
Property Description Values IE F N W3C
list-style A shorthand property for
setting all of the properties
for a list in one declaration
list-style-type
list-style-position
list-style-image
4 1 6 1
list-style-image Sets an image as the list-item
marker
none
url
4 1 6 1
list-style-position Sets where the list-item
marker is placed in the list
inside
outside
4 1 6 1
list-style-type Sets the type of the 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
4 1 4 1
MULOK/XII/08-09 Hal:13
hiragana
katakana
hiragana-iroha
katakana-iroha
marker-offset auto
length
1 7 2
CSS caption-side Property
Digunakan untuk mensetting posisi judul table.
Contoh:
table
{
caption-side: left
}
Possible Values
Value Description
Top Default. Positions the table caption above the table
Bottom Positions the table caption below the table
Left Positions the table caption to the left of the table
Right Positions the table caption to the right of the table
CSS Border Properties
Digunakan untuk spesifikasi style dan warna elemen border. DAlam html kita gunakan untuk
membuat table border sekeliling teks, tapi dengan css border properties dapat dibuat border
dengan effect lebih baik, dan memasukkan banyak elemen.
Contoh :
<html>
<head>
<style type="text/css">
p.one
{
border-style: solid;
border-color: #0000ff
}
p.two
{
border-style: solid;
border-color: #ff0000 #0000ff
}
p.three
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff
}
p.four
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
}
</style>
MULOK/XII/08-09 Hal:14
</head>
<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<p><b>Note:</b> The "border-color"</p>
</body>
</html>
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: Penomoran "W3C" kolom indikasi yang mana CSS merekomendasikan definisi property (CSS1 or
CSS2).
Property Description Values IE F N W3C
border A shorthand property for
setting all of the properties
for the four borders in one
declaration
border-width
border-style
border-color
4 1 4 1
border-bottom A shorthand property for
setting all of the properties
for the bottom border in one
declaration
border-bottom-width
border-style
border-color
4 1 6 1
border-bottom-color Sets the color of the bottom
border
border-color 4 1 6 2
border-bottom-style Sets the style of the bottom
border
border-style 4 1 6 2
border-bottom-width Sets the width of the bottom
border
thin
medium
thick
length
4 1 4 1
border-color Sets the color of the four
borders, can have from one
to four colors
color 4 1 6 1
border-left A shorthand property for
setting all of the properties
for the left border in one
declaration
border-left-width
border-style
border-color
4 1 6 1
border-left-color Sets the color of the left
border
border-color 4 1 6 2
border-left-style Sets the style of the left
border
border-style 4 1 6 2
border-left-width Sets the width of the left
border
thin
medium
thick
length
4 1 4 1
border-right A shorthand property for
setting all of the properties
for the right border in one
declaration
border-right-width
border-style
border-color
4 1 6 1
border-right-color Sets the color of the right
border
border-color 4 1 6 2
MULOK/XII/08-09 Hal:15
border-right-style Sets the style of the right
border
border-style 4 1 6 2
border-right-width Sets the width of the right
border
thin
medium
thick
length
4 1 4 1
border-style Sets the style of the four
borders, can have from one
to four styles
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
4 1 6 1
border-top A shorthand property for
setting all of the properties
for the top border in one
declaration
border-top-width
border-style
border-color
4 1 6 1
border-top-color Sets the color of the top
border
border-color 4 1 6 2
border-top-style Sets the style of the top
border
border-style 4 1 6 2
border-top-width Sets the width of the top
border
thin
medium
thick
length
4 1 4 1
border-width A shorthand property for
setting the width of the four
borders in one declaration,
can have from one to four
values
thin
medium
thick
length
4 1 4 1
CSS Margin Properties
The CSS margin properties define the space around elements. It is possible to use negative values
to overlap content. The top, right, bottom, and left margin can be changed independently using
separate properties. A shorthand margin property can also be used to change all of the margins at
once.
Note: Netscape and IE give the body tag a default margin of 8px. Opera does not! Instead, Opera
applies a default padding of 8px, so if one wants to adjust the margin for an entire page and have
it display correctly in Opera, the body padding must be set as well!
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is
defined (CSS1 or CSS2).
Property Description Values IE F N W3C
margin A shorthand property for
setting the margin properties
in one declaration
margin-top
margin-right
margin-bottom
4 1 4 1
MULOK/XII/08-09 Hal:16
margin-left
margin-bottom Sets the bottom margin of an
element
auto
length
%
4 1 4 1
margin-left Sets the left margin of an
element
auto
length
%
3 1 4 1
margin-right Sets the right margin of an
element
auto
length
%
3 1 4 1
margin-top Sets the top margin of an
element
auto
length
%
3 1 4 1 -
zaenalvin.blogspot.com