Wednesday, July 8, 2015

Web Game : Border dalam CSS

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:















.

0 komentar:

Post a Comment

 
Copyright © . Grup Kuliah - Posts · Comments
Powered by Blogger
close
==[ Klik disini 1X ] [ Close ]==