Hari ini saya akan memposting yang saya pelajari dihari ini yaitu css border width.
A.Pengertin:
CSS border properti memungkinkan Anda untuk menentukan gaya, lebar, dan warna perbatasan elemen ini.
Elemen ini memiliki perbatasan alur yang 15px lebar dan hijau.
B.Alat dan bahan:
1.pc
2.xampp
3.sublime
C.Tahap pelaksanaan css border width.
1.buat folder bernama border di htdocs.
2.buat index.html di folder htdocs dengan script dibawah ini.
<html>
<head>
<style>
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
p.five {
border-style: double;
border-width: 15px;
}
p.six {
border-style: double;
border-width: thick;
}
p.seven {
border-style: solid;
border-width: 2px 10px 4px 20px;
}
</style>
</head>
<body>
<h2>The border-width Property</h2>
<p>This property specifies the width of the four borders:</p>
<p class="one">Some text.</p>
<p class="two">Some text.</p>
<p class="three">Some text.</p>
<p class="four">Some text.</p>
<p class="five">Some text.</p>
<p class="six">Some text.</p>
<p class="seven">Some text.</p>
<p><b>Note:</b> The "border-width" property does not work if it is used alone.
Always specify the "border-style" property to set the borders first.</p>
</body>
</html>
3.buka web browser localhost/border/index.html hasilnya seperti di bawah ini.
D.Latar belakang:
ingin membagikan ilmu yang saya pelajari hari ini.
E.Referensi:
w3school.com/w3ii.com
Sekian terimakasih semoga bermanfaat selamat mencoba.
Assalamualaikum.wr.wb
0 komentar:
Posting Komentar