| Follow | E-Mail |

Folder on Maskibow
 : Membuat Border Dengan Code CSS

My Posting
Membuat Border Dengan Code CSS - On Maskibow

Membuat Border Dengan Code CSS

Dalam Penggunaan Code CSS BORDER biasanya harus di ikuti dengan pembuatan bagan/layar/layer seperti tag <body>, <div>, <span>, <layer>, <ilayer>, <table> dan sebagainya terlebih
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
dahulu, atau penggunaan Border bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan itu sendiri.

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: thin medium thick auto;
border-color: red green blue orange;
}
-->
</style>


Contoh Penulisan HTML-nya :

Contoh dalam Body:
<div>
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
</div>


Contoh Tampilannya :

Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS

Penggunaan Code diatas berpengaruh pada tag DIV pada halaman tersebut, atau kamu bisa merubah menjadi .kelas atau #id sesuai dengan yang kamu buat.

Border-Style

Diatas pada contoh penulisan code CSS tertera border: solid; yang maksudnya bentuk atau jenis boder yang ditampilkan adalah solid, Macam-macam bentuk atau jenis border :
1
 None
2
 Solid
Contoh Solid
3
 dotted
Contoh dotted
4
 dashed
Contoh dashed
5
 double
Contoh double
6
 groove
Contoh groove
7
 ridge
Contoh ridge
8
 inset
Contoh inset
9
 outset
Contoh outset

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style General Untuk CSS Border
border-style: solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style General Untuk CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-style: solid;
border-right-style: ridge;
border-bottom-style: dashed;
border-left-style: inset;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Width

Diatas juga Dituliskan border-width: thin medium thick auto; yang maksudnya adalah tebal atau besar masing-masing border itu sendiri :

border-width: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
ketebalan thin
- border kanan dengan mempunyai ketebalan medium
- border bawah dengan mempunyai ketebalan thick
- border kiri dengan mempunyai ketebalan auto

Macam-macam bentuk ketebalan border: thin, medium, thick, auto dan pixel biasanya banyak yang menggunakan pixel sebagai contoh dapat ditulis sebagai berikut :

border-width: 1px 2px 3px 4px;

Maka tampilannya sebagai berikut :

Contoh dengan pixel

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Ketebalan General Untuk CSS Border
border-width: 1px solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk Ketebalan CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 2px;
border-left-width: 4px;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Color

Contoh diatas juga Dituliskan border-color: red green blue orange; yang maksudnya adalah warna dari masing-masing border itu sendiri :

border-color: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai warna merah
- border kanan dengan mempunyai warna hijau
- border bawah dengan mempunyai warna biru
- border kiri dengan mempunyai warna oranye

Macam-macam warna border dapat dituliskan dengan bahasa atau dengan color picker, seperti contoh :
- red berarti merah, green
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
berarti hijau dan sebagainya.
- Atau dengan code warna seperti #FFFFFF = Putih, #000000 = Hitam dan sebagainya
- Atau juga ditulis dengan code warna RGB banyak yang menggunakan warna dengan pilihan yang kedua dengan code warna sebagai contoh dapat ditulis sebagai berikut :

border-color: #FF0000 #00FF00 #0000FF #FF9900;

Maka tampilannya sebagai berikut :

Contoh dengan Code warna

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna General Untuk CSS Border
border-color:#FF0000;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk warna CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna Individual Untuk CSS Border
border-top-color: #FF0000;
border-right-color: #00FF00;
border-bottom-color: #0000FF;
border-left-color: #FF9900;

Maka tampilannya sebagai berikut :

Contoh Bentuk warna Individual Untuk CSS Border

CSS Code border style, border color, border width variasi, CSS script border style, border color, border width, CSS library border style, border color, border width, CSS Support border style, border color, border width, CSS Tips border style, border color, border width, CSS Trik border style, border color, border width, CSS Tricks border style, border color, border width, CSS Design border style, border color, border width, CSS Gallery border style, border color, border width CSS Helper border style, border color, border width, CSS Tutorial border style, border color, border width, CSS -moz- border style, border color, border width, CSS -webkit- border style, border color, border width, Cara membuat CSS border style, border color, border width, Cara membikin CSS border style, border color, border width, CSS Snippet border style, border color, border width

Label: , , , , ,


Share This Page !!!


Artikel Lainnya :

Loading...

Komentar : 0 Komentar




Dalam Penggunaan Code CSS BORDER biasanya harus di ikuti dengan pembuatan bagan/layar/layer seperti tag <body>, <div>, <span>, <layer>, <ilayer>, <table> dan sebagainya terlebih
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
dahulu, atau penggunaan Border bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan itu sendiri.

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: thin medium thick auto;
border-color: red green blue orange;
}
-->
</style>


Contoh Penulisan HTML-nya :

Contoh dalam Body:
<div>
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
</div>


Contoh Tampilannya :

Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS

Penggunaan Code diatas berpengaruh pada tag DIV pada halaman tersebut, atau kamu bisa merubah menjadi .kelas atau #id sesuai dengan yang kamu buat.

Border-Style

Diatas pada contoh penulisan code CSS tertera border: solid; yang maksudnya bentuk atau jenis boder yang ditampilkan adalah solid, Macam-macam bentuk atau jenis border :
1
 None
2
 Solid
Contoh Solid
3
 dotted
Contoh dotted
4
 dashed
Contoh dashed
5
 double
Contoh double
6
 groove
Contoh groove
7
 ridge
Contoh ridge
8
 inset
Contoh inset
9
 outset
Contoh outset

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style General Untuk CSS Border
border-style: solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style General Untuk CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-style: solid;
border-right-style: ridge;
border-bottom-style: dashed;
border-left-style: inset;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Width

Diatas juga Dituliskan border-width: thin medium thick auto; yang maksudnya adalah tebal atau besar masing-masing border itu sendiri :

border-width: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
ketebalan thin
- border kanan dengan mempunyai ketebalan medium
- border bawah dengan mempunyai ketebalan thick
- border kiri dengan mempunyai ketebalan auto

Macam-macam bentuk ketebalan border: thin, medium, thick, auto dan pixel biasanya banyak yang menggunakan pixel sebagai contoh dapat ditulis sebagai berikut :

border-width: 1px 2px 3px 4px;

Maka tampilannya sebagai berikut :

Contoh dengan pixel

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Ketebalan General Untuk CSS Border
border-width: 1px solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk Ketebalan CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 2px;
border-left-width: 4px;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Color

Contoh diatas juga Dituliskan border-color: red green blue orange; yang maksudnya adalah warna dari masing-masing border itu sendiri :

border-color: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai warna merah
- border kanan dengan mempunyai warna hijau
- border bawah dengan mempunyai warna biru
- border kiri dengan mempunyai warna oranye

Macam-macam warna border dapat dituliskan dengan bahasa atau dengan color picker, seperti contoh :
- red berarti merah, green
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
berarti hijau dan sebagainya.
- Atau dengan code warna seperti #FFFFFF = Putih, #000000 = Hitam dan sebagainya
- Atau juga ditulis dengan code warna RGB banyak yang menggunakan warna dengan pilihan yang kedua dengan code warna sebagai contoh dapat ditulis sebagai berikut :

border-color: #FF0000 #00FF00 #0000FF #FF9900;

Maka tampilannya sebagai berikut :

Contoh dengan Code warna

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna General Untuk CSS Border
border-color:#FF0000;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk warna CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna Individual Untuk CSS Border
border-top-color: #FF0000;
border-right-color: #00FF00;
border-bottom-color: #0000FF;
border-left-color: #FF9900;

Maka tampilannya sebagai berikut :

Contoh Bentuk warna Individual Untuk CSS Border

CSS Code border style, border color, border width variasi, CSS script border style, border color, border width, CSS library border style, border color, border width, CSS Support border style, border color, border width, CSS Tips border style, border color, border width, CSS Trik border style, border color, border width, CSS Tricks border style, border color, border width, CSS Design border style, border color, border width, CSS Gallery border style, border color, border width CSS Helper border style, border color, border width, CSS Tutorial border style, border color, border width, CSS -moz- border style, border color, border width, CSS -webkit- border style, border color, border width, Cara membuat CSS border style, border color, border width, Cara membikin CSS border style, border color, border width, CSS Snippet border style, border color, border width

Label: , , , , ,

Dalam Penggunaan Code CSS BORDER biasanya harus di ikuti dengan pembuatan bagan/layar/layer seperti tag <body>, <div>, <span>, <layer>, <ilayer>, <table> dan sebagainya terlebih
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
dahulu, atau penggunaan Border bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan itu sendiri.

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: thin medium thick auto;
border-color: red green blue orange;
}
-->
</style>


Contoh Penulisan HTML-nya :

Contoh dalam Body:
<div>
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
</div>


Contoh Tampilannya :

Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS

Penggunaan Code diatas berpengaruh pada tag DIV pada halaman tersebut, atau kamu bisa merubah menjadi .kelas atau #id sesuai dengan yang kamu buat.

Border-Style

Diatas pada contoh penulisan code CSS tertera border: solid; yang maksudnya bentuk atau jenis boder yang ditampilkan adalah solid, Macam-macam bentuk atau jenis border :
1
 None
2
 Solid
Contoh Solid
3
 dotted
Contoh dotted
4
 dashed
Contoh dashed
5
 double
Contoh double
6
 groove
Contoh groove
7
 ridge
Contoh ridge
8
 inset
Contoh inset
9
 outset
Contoh outset

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style General Untuk CSS Border
border-style: solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style General Untuk CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-style: solid;
border-right-style: ridge;
border-bottom-style: dashed;
border-left-style: inset;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Width

Diatas juga Dituliskan border-width: thin medium thick auto; yang maksudnya adalah tebal atau besar masing-masing border itu sendiri :

border-width: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
ketebalan thin
- border kanan dengan mempunyai ketebalan medium
- border bawah dengan mempunyai ketebalan thick
- border kiri dengan mempunyai ketebalan auto

Macam-macam bentuk ketebalan border: thin, medium, thick, auto dan pixel biasanya banyak yang menggunakan pixel sebagai contoh dapat ditulis sebagai berikut :

border-width: 1px 2px 3px 4px;

Maka tampilannya sebagai berikut :

Contoh dengan pixel

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Ketebalan General Untuk CSS Border
border-width: 1px solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk Ketebalan CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 2px;
border-left-width: 4px;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Color

Contoh diatas juga Dituliskan border-color: red green blue orange; yang maksudnya adalah warna dari masing-masing border itu sendiri :

border-color: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai warna merah
- border kanan dengan mempunyai warna hijau
- border bawah dengan mempunyai warna biru
- border kiri dengan mempunyai warna oranye

Macam-macam warna border dapat dituliskan dengan bahasa atau dengan color picker, seperti contoh :
- red berarti merah, green
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
berarti hijau dan sebagainya.
- Atau dengan code warna seperti #FFFFFF = Putih, #000000 = Hitam dan sebagainya
- Atau juga ditulis dengan code warna RGB banyak yang menggunakan warna dengan pilihan yang kedua dengan code warna sebagai contoh dapat ditulis sebagai berikut :

border-color: #FF0000 #00FF00 #0000FF #FF9900;

Maka tampilannya sebagai berikut :

Contoh dengan Code warna

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna General Untuk CSS Border
border-color:#FF0000;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk warna CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna Individual Untuk CSS Border
border-top-color: #FF0000;
border-right-color: #00FF00;
border-bottom-color: #0000FF;
border-left-color: #FF9900;

Maka tampilannya sebagai berikut :

Contoh Bentuk warna Individual Untuk CSS Border

CSS Code border style, border color, border width variasi, CSS script border style, border color, border width, CSS library border style, border color, border width, CSS Support border style, border color, border width, CSS Tips border style, border color, border width, CSS Trik border style, border color, border width, CSS Tricks border style, border color, border width, CSS Design border style, border color, border width, CSS Gallery border style, border color, border width CSS Helper border style, border color, border width, CSS Tutorial border style, border color, border width, CSS -moz- border style, border color, border width, CSS -webkit- border style, border color, border width, Cara membuat CSS border style, border color, border width, Cara membikin CSS border style, border color, border width, CSS Snippet border style, border color, border width

Label: , , , , ,

8 stars -10 stars -10 KomentarOver 1,500,000
4 stars- Dalam Penggunaan Code CSS BORDER biasanya harus di ikuti dengan pembuatan bagan/layar/layer seperti tag <body>, <div>, <span>, <layer>, <ilayer>, <table> dan sebagainya terlebih
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
dahulu, atau penggunaan Border bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan itu sendiri.

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: thin medium thick auto;
border-color: red green blue orange;
}
-->
</style>


Contoh Penulisan HTML-nya :

Contoh dalam Body:
<div>
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
</div>


Contoh Tampilannya :

Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS
Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS Ini Contoh Penggunaan border CSS

Penggunaan Code diatas berpengaruh pada tag DIV pada halaman tersebut, atau kamu bisa merubah menjadi .kelas atau #id sesuai dengan yang kamu buat.

Border-Style

Diatas pada contoh penulisan code CSS tertera border: solid; yang maksudnya bentuk atau jenis boder yang ditampilkan adalah solid, Macam-macam bentuk atau jenis border :
1
 None
2
 Solid
Contoh Solid
3
 dotted
Contoh dotted
4
 dashed
Contoh dashed
5
 double
Contoh double
6
 groove
Contoh groove
7
 ridge
Contoh ridge
8
 inset
Contoh inset
9
 outset
Contoh outset

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style General Untuk CSS Border
border-style: solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style General Untuk CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-style: solid;
border-right-style: ridge;
border-bottom-style: dashed;
border-left-style: inset;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Width

Diatas juga Dituliskan border-width: thin medium thick auto; yang maksudnya adalah tebal atau besar masing-masing border itu sendiri :

border-width: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
ketebalan thin
- border kanan dengan mempunyai ketebalan medium
- border bawah dengan mempunyai ketebalan thick
- border kiri dengan mempunyai ketebalan auto

Macam-macam bentuk ketebalan border: thin, medium, thick, auto dan pixel biasanya banyak yang menggunakan pixel sebagai contoh dapat ditulis sebagai berikut :

border-width: 1px 2px 3px 4px;

Maka tampilannya sebagai berikut :

Contoh dengan pixel

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Ketebalan General Untuk CSS Border
border-width: 1px solid;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk Ketebalan CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Gaya / Style Individual Untuk CSS Border
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 2px;
border-left-width: 4px;

Maka tampilannya sebagai berikut :

Contoh Bentuk Gaya / Style Individual Untuk CSS Border

Border Color

Contoh diatas juga Dituliskan border-color: red green blue orange; yang maksudnya adalah warna dari masing-masing border itu sendiri :

border-color: border atas | border kanan | border bawah | border kiri |

- border atas dengan mempunyai warna merah
- border kanan dengan mempunyai warna hijau
- border bawah dengan mempunyai warna biru
- border kiri dengan mempunyai warna oranye

Macam-macam warna border dapat dituliskan dengan bahasa atau dengan color picker, seperti contoh :
- red berarti merah, green
<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By &copy; Maskibow &#153; Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>
berarti hijau dan sebagainya.
- Atau dengan code warna seperti #FFFFFF = Putih, #000000 = Hitam dan sebagainya
- Atau juga ditulis dengan code warna RGB banyak yang menggunakan warna dengan pilihan yang kedua dengan code warna sebagai contoh dapat ditulis sebagai berikut :

border-color: #FF0000 #00FF00 #0000FF #FF9900;

Maka tampilannya sebagai berikut :

Contoh dengan Code warna

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna General Untuk CSS Border
border-color:#FF0000;

Maka tampilannya sebagai berikut :

Contoh Bentuk General Untuk warna CSS Border

Bentuk penulisan lainnya bisa juga berupa :

Bentuk Warna Individual Untuk CSS Border
border-top-color: #FF0000;
border-right-color: #00FF00;
border-bottom-color: #0000FF;
border-left-color: #FF9900;

Maka tampilannya sebagai berikut :

Contoh Bentuk warna Individual Untuk CSS Border

CSS Code border style, border color, border width variasi, CSS script border style, border color, border width, CSS library border style, border color, border width, CSS Support border style, border color, border width, CSS Tips border style, border color, border width, CSS Trik border style, border color, border width, CSS Tricks border style, border color, border width, CSS Design border style, border color, border width, CSS Gallery border style, border color, border width CSS Helper border style, border color, border width, CSS Tutorial border style, border color, border width, CSS -moz- border style, border color, border width, CSS -webkit- border style, border color, border width, Cara membuat CSS border style, border color, border width, Cara membikin CSS border style, border color, border width, CSS Snippet border style, border color, border width

Label: , , , , ,

Maskibow


Choose Your Language
Fast Translate :

Link Tutorial
HTML TAG
JavaScript Properties
Excel Function
Sample Button Menu
Sample Tooltip
CSS Properties
Visitor On Site's

Contributor