| Follow | E-Mail |

Folder on Maskibow
 : Membuat Border Radius dengan CSS

My Posting
Membuat Border Radius dengan CSS - On Maskibow

Membuat Border Radius dengan CSS

Seperti sebelumnya 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. Disini akan dibahas mengenai penggunaan border radius yang berguna untuk memberikan gaya pada border di setiap sudut dari border itu sendiri. OK biar jelas lihat contoh di bawah ini :

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-goog-ms-border-radius: 10px;
}
-->
</style>


Contoh Untuk Penulisan pada HTML-nya :

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


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Di atas dituliskan 4 element yang fungsinya sama tetapi digunakan untuk mesin browsing yang berbeda :
border-radius: 10px; Umum digunakan untuk Framework google chrome dan IE dan sebagainya
-moz-border-radius: 10px; Umum digunakan untuk Framework Mozila Firefox dan sebagainya
-webkit-border-radius: 10px; Umum digunakan untuk Framework Apple, KDE, Nokia, Google, RIM, Palm, Samsung, ProFUSION, dan sebagainya
-goog-ms-border-radius: 10px;
<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>
Umum digunakan untuk Framework google chrome dan IE dan sebagainya
Jadi dengan kata lain jika ingin membuat tampilan radius tersebut harus membuat ke 4 element tersebut agar dapat tampil disemua mesin browser.

Contoh Untuk Individual Style nya :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-goog-ms-border-top-right-radius: 20px;
}
-->
</style>


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Lihat hasilnya pada ujung kanan atas layar
<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>
tersebut ada lengkungan 1/4 lingkaran dengan radius 20px. Dan yang perlu di ingat kamu dapat merubah gaya sesuai selera kamu :

Peletakan radius pada sudut:
top = atas <=> bottom = bawah
right = kanan <=> left = kiri

border radius pada CSS, cara membuat border radius pada CSS, cara membikin border radius pada CSS, tutorial border radius pada CSS, sample border radius pada CSS, contoh border radius pada CSS, seputar border radius pada CSS, download border radius pada CSS, border radius pada CSS untuk html, border radius pada CSS untuk web site, tampilan border radius pada CSS di web, script border radius pada CSS, contoh script border radius pada CSS, design border radius pada CSS, style border radius pada CSS, pelajaran border radius pada CSS, border radius pada CSS code, border radius pada CSS kode, mengenai border radius pada CSS, penggunaan border radius pada CSS, macam- macam border radius pada CSS, tips border radius pada CSS, trick border radius pada CSS, panduan border radius pada CSS, bacaan border radius pada CSS, artikel border radius pada CSS, pustaka border radius pada CSS, wikipedia border radius pada CSS, penggunaan border radius pada CSS, belajar border radius pada CSS, kumpulan tentang border radius pada CSS, masalah border radius pada CSS, menangani border radius pada CSS, ulasan border radius pada CSS, tampilan border radius pada CSS di web, border radius pada CSS di blogger, border radius pada CSS di situs, border radius pada CSS di web, border radius pada CSS di facebook, border radius pada CSS di myspace, border radius pada CSS, di tweeter, border radius pada CSS untuk blogger, border radius pada CSS untuk situs, border radius pada CSS untuk web, border radius pada CSS untuk facebook, border radius pada CSS untuk myspace, border radius pada CSS, untuk tweeter, border radius pada CSS, border radius pada CSS how to create, how to make border radius pada CSS, border radius pada CSS tutorials, sample border radius pada CSS, border radius pada CSS example, about border radius pada CSS, download border radius pada CSS, border radius pada CSS to html, web site for the border radius pada CSS, border radius pada CSS display on the web, border radius pada CSS scripts, example scripts border radius pada CSS, border radius pada CSS design, style border radius pada CSS, border radius pada CSS lessons, code border radius pada CSS, border radius pada CSS code, about border radius pada CSS, border radius pada CSS usage, various border radius pada CSS, border radius pada CSS tips, tricks border radius pada CSS, border radius pada CSS guide, reading border radius pada CSS, articles border radius pada CSS, border radius pada CSS library, wikipedia border radius pada CSS, border radius pada CSS usage, learn border radius pada CSS, a collection of border radius pada CSS, border radius pada CSS problem, handle border radius pada CSS, border radius pada CSS review, the look on the web border radius pada CSS, border radius pada CSS in blogger, border radius pada CSS on the site, border radius pada CSS on the web, facebook border radius pada CSS, border radius pada CSS on myspace, border radius pada CSS, on the tweeter, for bloggers border radius pada CSS, border radius pada CSS to the site, border radius pada CSS for the web, border radius pada CSS for facebook, myspace to border radius pada CSS, border radius pada CSS, for the tweeter,

Label: , , , , ,


Share This Page !!!


Artikel Lainnya :

Loading...

Komentar : 0 Komentar




Seperti sebelumnya 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. Disini akan dibahas mengenai penggunaan border radius yang berguna untuk memberikan gaya pada border di setiap sudut dari border itu sendiri. OK biar jelas lihat contoh di bawah ini :

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-goog-ms-border-radius: 10px;
}
-->
</style>


Contoh Untuk Penulisan pada HTML-nya :

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


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Di atas dituliskan 4 element yang fungsinya sama tetapi digunakan untuk mesin browsing yang berbeda :
border-radius: 10px; Umum digunakan untuk Framework google chrome dan IE dan sebagainya
-moz-border-radius: 10px; Umum digunakan untuk Framework Mozila Firefox dan sebagainya
-webkit-border-radius: 10px; Umum digunakan untuk Framework Apple, KDE, Nokia, Google, RIM, Palm, Samsung, ProFUSION, dan sebagainya
-goog-ms-border-radius: 10px;
<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>
Umum digunakan untuk Framework google chrome dan IE dan sebagainya
Jadi dengan kata lain jika ingin membuat tampilan radius tersebut harus membuat ke 4 element tersebut agar dapat tampil disemua mesin browser.

Contoh Untuk Individual Style nya :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-goog-ms-border-top-right-radius: 20px;
}
-->
</style>


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Lihat hasilnya pada ujung kanan atas layar
<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>
tersebut ada lengkungan 1/4 lingkaran dengan radius 20px. Dan yang perlu di ingat kamu dapat merubah gaya sesuai selera kamu :

Peletakan radius pada sudut:
top = atas <=> bottom = bawah
right = kanan <=> left = kiri

border radius pada CSS, cara membuat border radius pada CSS, cara membikin border radius pada CSS, tutorial border radius pada CSS, sample border radius pada CSS, contoh border radius pada CSS, seputar border radius pada CSS, download border radius pada CSS, border radius pada CSS untuk html, border radius pada CSS untuk web site, tampilan border radius pada CSS di web, script border radius pada CSS, contoh script border radius pada CSS, design border radius pada CSS, style border radius pada CSS, pelajaran border radius pada CSS, border radius pada CSS code, border radius pada CSS kode, mengenai border radius pada CSS, penggunaan border radius pada CSS, macam- macam border radius pada CSS, tips border radius pada CSS, trick border radius pada CSS, panduan border radius pada CSS, bacaan border radius pada CSS, artikel border radius pada CSS, pustaka border radius pada CSS, wikipedia border radius pada CSS, penggunaan border radius pada CSS, belajar border radius pada CSS, kumpulan tentang border radius pada CSS, masalah border radius pada CSS, menangani border radius pada CSS, ulasan border radius pada CSS, tampilan border radius pada CSS di web, border radius pada CSS di blogger, border radius pada CSS di situs, border radius pada CSS di web, border radius pada CSS di facebook, border radius pada CSS di myspace, border radius pada CSS, di tweeter, border radius pada CSS untuk blogger, border radius pada CSS untuk situs, border radius pada CSS untuk web, border radius pada CSS untuk facebook, border radius pada CSS untuk myspace, border radius pada CSS, untuk tweeter, border radius pada CSS, border radius pada CSS how to create, how to make border radius pada CSS, border radius pada CSS tutorials, sample border radius pada CSS, border radius pada CSS example, about border radius pada CSS, download border radius pada CSS, border radius pada CSS to html, web site for the border radius pada CSS, border radius pada CSS display on the web, border radius pada CSS scripts, example scripts border radius pada CSS, border radius pada CSS design, style border radius pada CSS, border radius pada CSS lessons, code border radius pada CSS, border radius pada CSS code, about border radius pada CSS, border radius pada CSS usage, various border radius pada CSS, border radius pada CSS tips, tricks border radius pada CSS, border radius pada CSS guide, reading border radius pada CSS, articles border radius pada CSS, border radius pada CSS library, wikipedia border radius pada CSS, border radius pada CSS usage, learn border radius pada CSS, a collection of border radius pada CSS, border radius pada CSS problem, handle border radius pada CSS, border radius pada CSS review, the look on the web border radius pada CSS, border radius pada CSS in blogger, border radius pada CSS on the site, border radius pada CSS on the web, facebook border radius pada CSS, border radius pada CSS on myspace, border radius pada CSS, on the tweeter, for bloggers border radius pada CSS, border radius pada CSS to the site, border radius pada CSS for the web, border radius pada CSS for facebook, myspace to border radius pada CSS, border radius pada CSS, for the tweeter,

Label: , , , , ,

Seperti sebelumnya 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. Disini akan dibahas mengenai penggunaan border radius yang berguna untuk memberikan gaya pada border di setiap sudut dari border itu sendiri. OK biar jelas lihat contoh di bawah ini :

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-goog-ms-border-radius: 10px;
}
-->
</style>


Contoh Untuk Penulisan pada HTML-nya :

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


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Di atas dituliskan 4 element yang fungsinya sama tetapi digunakan untuk mesin browsing yang berbeda :
border-radius: 10px; Umum digunakan untuk Framework google chrome dan IE dan sebagainya
-moz-border-radius: 10px; Umum digunakan untuk Framework Mozila Firefox dan sebagainya
-webkit-border-radius: 10px; Umum digunakan untuk Framework Apple, KDE, Nokia, Google, RIM, Palm, Samsung, ProFUSION, dan sebagainya
-goog-ms-border-radius: 10px;
<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>
Umum digunakan untuk Framework google chrome dan IE dan sebagainya
Jadi dengan kata lain jika ingin membuat tampilan radius tersebut harus membuat ke 4 element tersebut agar dapat tampil disemua mesin browser.

Contoh Untuk Individual Style nya :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-goog-ms-border-top-right-radius: 20px;
}
-->
</style>


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Lihat hasilnya pada ujung kanan atas layar
<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>
tersebut ada lengkungan 1/4 lingkaran dengan radius 20px. Dan yang perlu di ingat kamu dapat merubah gaya sesuai selera kamu :

Peletakan radius pada sudut:
top = atas <=> bottom = bawah
right = kanan <=> left = kiri

border radius pada CSS, cara membuat border radius pada CSS, cara membikin border radius pada CSS, tutorial border radius pada CSS, sample border radius pada CSS, contoh border radius pada CSS, seputar border radius pada CSS, download border radius pada CSS, border radius pada CSS untuk html, border radius pada CSS untuk web site, tampilan border radius pada CSS di web, script border radius pada CSS, contoh script border radius pada CSS, design border radius pada CSS, style border radius pada CSS, pelajaran border radius pada CSS, border radius pada CSS code, border radius pada CSS kode, mengenai border radius pada CSS, penggunaan border radius pada CSS, macam- macam border radius pada CSS, tips border radius pada CSS, trick border radius pada CSS, panduan border radius pada CSS, bacaan border radius pada CSS, artikel border radius pada CSS, pustaka border radius pada CSS, wikipedia border radius pada CSS, penggunaan border radius pada CSS, belajar border radius pada CSS, kumpulan tentang border radius pada CSS, masalah border radius pada CSS, menangani border radius pada CSS, ulasan border radius pada CSS, tampilan border radius pada CSS di web, border radius pada CSS di blogger, border radius pada CSS di situs, border radius pada CSS di web, border radius pada CSS di facebook, border radius pada CSS di myspace, border radius pada CSS, di tweeter, border radius pada CSS untuk blogger, border radius pada CSS untuk situs, border radius pada CSS untuk web, border radius pada CSS untuk facebook, border radius pada CSS untuk myspace, border radius pada CSS, untuk tweeter, border radius pada CSS, border radius pada CSS how to create, how to make border radius pada CSS, border radius pada CSS tutorials, sample border radius pada CSS, border radius pada CSS example, about border radius pada CSS, download border radius pada CSS, border radius pada CSS to html, web site for the border radius pada CSS, border radius pada CSS display on the web, border radius pada CSS scripts, example scripts border radius pada CSS, border radius pada CSS design, style border radius pada CSS, border radius pada CSS lessons, code border radius pada CSS, border radius pada CSS code, about border radius pada CSS, border radius pada CSS usage, various border radius pada CSS, border radius pada CSS tips, tricks border radius pada CSS, border radius pada CSS guide, reading border radius pada CSS, articles border radius pada CSS, border radius pada CSS library, wikipedia border radius pada CSS, border radius pada CSS usage, learn border radius pada CSS, a collection of border radius pada CSS, border radius pada CSS problem, handle border radius pada CSS, border radius pada CSS review, the look on the web border radius pada CSS, border radius pada CSS in blogger, border radius pada CSS on the site, border radius pada CSS on the web, facebook border radius pada CSS, border radius pada CSS on myspace, border radius pada CSS, on the tweeter, for bloggers border radius pada CSS, border radius pada CSS to the site, border radius pada CSS for the web, border radius pada CSS for facebook, myspace to border radius pada CSS, border radius pada CSS, for the tweeter,

Label: , , , , ,

8 stars -10 stars -10 KomentarOver 1,500,000
4 stars- Seperti sebelumnya 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. Disini akan dibahas mengenai penggunaan border radius yang berguna untuk memberikan gaya pada border di setiap sudut dari border itu sendiri. OK biar jelas lihat contoh di bawah ini :

Contoh Penulisan CSS :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-goog-ms-border-radius: 10px;
}
-->
</style>


Contoh Untuk Penulisan pada HTML-nya :

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


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Di atas dituliskan 4 element yang fungsinya sama tetapi digunakan untuk mesin browsing yang berbeda :
border-radius: 10px; Umum digunakan untuk Framework google chrome dan IE dan sebagainya
-moz-border-radius: 10px; Umum digunakan untuk Framework Mozila Firefox dan sebagainya
-webkit-border-radius: 10px; Umum digunakan untuk Framework Apple, KDE, Nokia, Google, RIM, Palm, Samsung, ProFUSION, dan sebagainya
-goog-ms-border-radius: 10px;
<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>
Umum digunakan untuk Framework google chrome dan IE dan sebagainya
Jadi dengan kata lain jika ingin membuat tampilan radius tersebut harus membuat ke 4 element tersebut agar dapat tampil disemua mesin browser.

Contoh Untuk Individual Style nya :

Contoh Pada EMBED:
<style type="text/css">
<!--
div {
border: solid;
border-width: 2px;
border-color: red;
border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-goog-ms-border-top-right-radius: 20px;
}
-->
</style>


Contoh Tampilannya :
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border RadiusCSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS
Ini Contoh Penggunaan border RadiusCSS Ini Contoh Penggunaan border Radius CSS Ini Contoh Penggunaan border Radius CSS

Lihat hasilnya pada ujung kanan atas layar
<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>
tersebut ada lengkungan 1/4 lingkaran dengan radius 20px. Dan yang perlu di ingat kamu dapat merubah gaya sesuai selera kamu :

Peletakan radius pada sudut:
top = atas <=> bottom = bawah
right = kanan <=> left = kiri

border radius pada CSS, cara membuat border radius pada CSS, cara membikin border radius pada CSS, tutorial border radius pada CSS, sample border radius pada CSS, contoh border radius pada CSS, seputar border radius pada CSS, download border radius pada CSS, border radius pada CSS untuk html, border radius pada CSS untuk web site, tampilan border radius pada CSS di web, script border radius pada CSS, contoh script border radius pada CSS, design border radius pada CSS, style border radius pada CSS, pelajaran border radius pada CSS, border radius pada CSS code, border radius pada CSS kode, mengenai border radius pada CSS, penggunaan border radius pada CSS, macam- macam border radius pada CSS, tips border radius pada CSS, trick border radius pada CSS, panduan border radius pada CSS, bacaan border radius pada CSS, artikel border radius pada CSS, pustaka border radius pada CSS, wikipedia border radius pada CSS, penggunaan border radius pada CSS, belajar border radius pada CSS, kumpulan tentang border radius pada CSS, masalah border radius pada CSS, menangani border radius pada CSS, ulasan border radius pada CSS, tampilan border radius pada CSS di web, border radius pada CSS di blogger, border radius pada CSS di situs, border radius pada CSS di web, border radius pada CSS di facebook, border radius pada CSS di myspace, border radius pada CSS, di tweeter, border radius pada CSS untuk blogger, border radius pada CSS untuk situs, border radius pada CSS untuk web, border radius pada CSS untuk facebook, border radius pada CSS untuk myspace, border radius pada CSS, untuk tweeter, border radius pada CSS, border radius pada CSS how to create, how to make border radius pada CSS, border radius pada CSS tutorials, sample border radius pada CSS, border radius pada CSS example, about border radius pada CSS, download border radius pada CSS, border radius pada CSS to html, web site for the border radius pada CSS, border radius pada CSS display on the web, border radius pada CSS scripts, example scripts border radius pada CSS, border radius pada CSS design, style border radius pada CSS, border radius pada CSS lessons, code border radius pada CSS, border radius pada CSS code, about border radius pada CSS, border radius pada CSS usage, various border radius pada CSS, border radius pada CSS tips, tricks border radius pada CSS, border radius pada CSS guide, reading border radius pada CSS, articles border radius pada CSS, border radius pada CSS library, wikipedia border radius pada CSS, border radius pada CSS usage, learn border radius pada CSS, a collection of border radius pada CSS, border radius pada CSS problem, handle border radius pada CSS, border radius pada CSS review, the look on the web border radius pada CSS, border radius pada CSS in blogger, border radius pada CSS on the site, border radius pada CSS on the web, facebook border radius pada CSS, border radius pada CSS on myspace, border radius pada CSS, on the tweeter, for bloggers border radius pada CSS, border radius pada CSS to the site, border radius pada CSS for the web, border radius pada CSS for facebook, myspace to border radius pada CSS, border radius pada CSS, for the tweeter,

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