Category Archives: CSS Basic

Mengatur Display dengan CSS

Properti Display, befungsi untuk mengatur tampilan suatu elemen pada browser. Nilai nilai yang dapat ditulis pada properti display adalah: inline, block, list-item, run-in, inline-block, compact, inline-table, marker, table, table-caption, table-cell, table-column, table-row, table-footer-group, table-header-group, table-column-group, table-row-group, inherit dan none.

Mengatur Padding dengan CSS

Properti Padding, adalah berfungsi untuk mengatur jarak antara border dengan content pada sebuah elemen HTML. Padding pada css sangat penting gunanya dalam hal membuat halaman website, maka dari itu saya menyarankan agar anda benar-benar memperhatikan sintak css ini.

Mengatur Margin dengan CSS

Properti Margin pada CSS berfungsi untuk mengatur  batas antara border dengan sisi selector pada sebuah elemen. Cara penulisan properti margin, hampir sama dengan cara penulisan properti padding, yaitu: 1. div#sidebox {margin:10px;}

CSS Font dan Text

Properti Font berfungsi untuk mengatur font pada suatu elemen HTML, baik itu jenisnya,ukurannya,gayanya ataupun variasinya. Ada beberapa macam properti Font antara lain: Font, untuk mengatur secara keseluruhan nilai-nilai yang digunakan pada suatu elemen. contoh:

ID Selector dan Class

Selain dengan cara standar dalam penulisan CSS yaitu memberi style atau properti pada selector bawaan HTML, kita juga dapat memberikan nama sendiri pada suatu elemen tertentu dengan cara membuat ID Selector dan Class Selector. ID Selector adalah selector yang dapat … Continue reading →

CSS Border

Properti Border adalah untuk membuat garis pinggir pada suatu elemen. Ada beberapa properti pada Border sebagai berikut: Border Top, untuk mengatur garis pinggir sebelah atas. Contoh:

CSS Background

Properti Background adalah untuk membuat efek latar belakang pada sebuah element. Ada beberapa macam properti pada Background sebagai berikut: Background Color, berfungsi untuk mengatur latarbelakang sebuah element dengan warna solid. Contoh:

Format Dasar CSS

Kalau kita perhatikan secara seksama sebetulnya hasil terjemahan bahasa HTML pada browser adalah berbentuk Kotak, didalam kotak tersebut dapat dibagi menjadi beberapa area seperti Content, Padding, Border, dan Margin. Dari masing-masing area tersebut dapat diformat dengan menggunakan CSS style. Untuk … Continue reading →

Cara peletakan CSS

Secara umum ada 3 cara untuk meletakan CSS kedalam kode HTML yaitu : Pertama: Inline Stylesheet yaitu Meletakan atau memberi property secara langsung kedalam tag HTML yang ada diantara <body>……</body>. contoh:

Arti CSS

CSS adalah singkatan dari Cascading Style Sheet. CSS adalah suatu Style khusus untuk memformat halaman HTML menjadi lebih menarik yang tidak bisa dilakukan oleh tag-tag HTML saja. CSS sudah di standarisasi oleh W3C, sehingga dapat dijalankan pada semua browser ternama.