Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang cara menggunakan properti steno pada CSS3. Sebelum saya membahas tentang fungsi properti steno, saya akan membahas terlibih dahulu tentang fungsi css. CSS adalah sebuah bahasa pemrograman yang digunakan untuk membuat tampilan website jadi lebih menarik, seperti memberikan color, font-size, font-style dan sebagainya.
Oke sekarang saya akan menjelaskan tentang apa itu properti steno, properti steno adalah cara singkat menggunakan kode properti di css, Jadi kita bisa menggunakan satu properti bakcground tapi banyak value di dalamnya.
misalnya :
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
dari script di atas dapat di artikan sebagai berikut:
background-color background-image background-repeat background-attachment background-position
Namun kita dapat menyingkatnya hanya dengan satu properti saja yaitu background dan memasukan banyak nilai. seperti contoh di bawah ini:
<!DOCTYPE html>
<html>
<head>
<style>
.artikel {
background: #ffffff url("I3Mg.png") no-repeat right top;
margin-right: 200px;
}
</style>
</head>
<body>
<div class="artikel">
<h1>Hello World!</h1>
<p>Now the background image is only shown once, and it is also positioned away from the text.</p>
<p>In this example we have also added a margin on the right side, so that the background image will not disturb the text.</p>
</div>
</body>
</html>
oke dari script di atas dapat menghasilkan tampilan seperti di bawah ini:
Oke cukup mudah bukan cara penggunaan properti steno di css, oke itulah tadi pembahasan saya tentang Cara Menggunakan Properti Steno pada CSS3 semoga dapat bermanfaat.