Warna teks
Properti warna yang digunakan untuk mengatur warna teks.
Dengan CSS, warna yang paling sering ditentukan oleh:
nama warna - seperti "merah"
nilai HEX - seperti "# ff0000"
nilai RGB - seperti "rgb (255,0,0)"
Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna.
Warna teks default untuk halaman didefinisikan dalam body selector
Sunday, 7 February 2016
CSS : Membuat Border
CSS Border Properti
Sifat CSS border memungkinkan Anda untuk menentukan gaya, lebar, dan warna perbatasan merupakan elemen.
Border Style
Properti border-style menentukan jenisborder apa yang akan ditampilkan.
Nilai-nilai berikut yang diizinkan:
Sifat CSS border memungkinkan Anda untuk menentukan gaya, lebar, dan warna perbatasan merupakan elemen.
Border Style
Properti border-style menentukan jenisborder apa yang akan ditampilkan.
Nilai-nilai berikut yang diizinkan:
dotted- Mendefinisikan perbatasan bertitikdashed- Mendefinisikan perbatasan putus-putussolid- Mendefinisikan sebuah perbatasan yang soliddouble- Mendefinisikan perbatasan gandagroove- Mendefinisikan sebuah perbatasan beralur 3D. Efeknya tergantung pada nilai border-colorridge- Mendefinisikan sebuah perbatasan bergerigi 3D. Efeknya tergantung pada nilai border-colorinset- Mendefinisikan sebuah perbatasan inset 3D. Efeknya tergantung pada nilai border-coloroutset- Mendefinisikan sebuah perbatasan awal 3D. Efeknya tergantung pada nilai border-colornone- Mendefinisikan tidak ada batashidden- Mendefinisikan perbatasan tersembunyi
Wednesday, 27 January 2016
CSS : Warna Latar Belakang
Warna latar belakang
Properti background-color menentukan warna latar belakang dari elemen.
Warna latar belakang halaman diatur seperti ini:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Selamat belajar!</h1>
<p>Halaman ini adalah sebuah latar belakang</p>
</body>
</html>
Properti background-color menentukan warna latar belakang dari elemen.
Warna latar belakang halaman diatur seperti ini:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Selamat belajar!</h1>
<p>Halaman ini adalah sebuah latar belakang</p>
</body>
</html>
Monday, 11 January 2016
Belajar CSS : Bagaimana CSS Bekerja 2
Inline Styles
Inline Styles dapat digunakan untuk menerapkan style yang unik untuk elemen tunggal.
Untuk menggunakan Inline Styles, menambahkan atribut style untuk elemen yang relevan. Atribut style dapat berisi properti CSS.
Contoh di bawah menunjukkan bagaimana untuk mengubah warna dan margin kiri dari <h1> elemen:
Contoh :
Inline Styles dapat digunakan untuk menerapkan style yang unik untuk elemen tunggal.
Untuk menggunakan Inline Styles, menambahkan atribut style untuk elemen yang relevan. Atribut style dapat berisi properti CSS.
Contoh di bawah menunjukkan bagaimana untuk mengubah warna dan margin kiri dari <h1> elemen:
Contoh :
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;margin-left:30px;">Ini sebuah heading.</h1>
<p>Ini sebuah paragraph.</p>
</body>
</html>
Hasil :
Ini sebuah heading.
Ini sebuah paragraph.
Saturday, 9 January 2016
Belajar CSS : Bagaimana CSS Bekerja
Ketika browser membaca style sheet, itu akan memformat dokumen HTML menurut informasi dalam style sheet.
Ada tiga cara untuk memasukkan style sheet:
Style sheet eksternal
Internal style sheet
gaya inline
Style sheet eksternal
Internal style sheet
gaya inline
Style Sheet eksternal
Subscribe to:
Posts (Atom)