Loker dan Kuliah

Kumpulan Informasi Loker dan Kuliah di Indonesia

Wednesday, July 8, 2015

Web Game : Border dalam CSS

4:27:00 PM Posted by Abdul Rohman 3 comments
CSS (Cascading Style Sheet) merupakan bahasa scripting untuk sebuah halaman web yang menentukan tampilan suatu elemen yang sama pada setiap halaman sehingga tidak perlu melakukan koding program secara berulang-ulang untuk menampilkan tampilan yang sama. Didalam pemrograman game, CSS digunakan untuk membanguan tampilan antarmuka pengguna (user interface) yang bertama sama. CSS dalam game digunakan untuk membuat border, background, efek pada teks, font, transformasi, animasi, dan user interface.

Border merupakan fasilitas yang disediakan oleh CSS agar dapat mengatur garis luar atau garis tepi dari suatu elemen. Beberapa border yang dapat diatur antara lain:
  1. besar border (border-widht)
  2. tipe border (border-style)
  3. warna border (border-color)
  4. lengkung pada sudut border (border-radius)
Tag yang digunakan adalah <canvas>

Contoh:

<html>
    <head>
<style>
canvas {
border-width: 2px;
border-style: solid;
border-color: red;
border-radius: 15px; 
}
</style>
    </head>
    <body>
<canvas id="myCanvas" width="180" height="100">
Your Browser Not Supported of Canvas Elements
</canvas>
    </body>
</html>

Hasilnya:















.

3 comments: