Mengulas Tentang Properti CSS

-

 Jenis-jenis Properti Dasar pada CSS

1. Margin

Margin adalah sebuah kode yang mengatur seleksi batas jarak luar. Margin properti pada CSS digunakan untuk membuat ruang kosong disekitar box atau elemen bagian yang luar sesuai dengan diinginkan.

Margin-top : mengatur jarak antara elemen bagian atas 

Margin- right : Mengatur jarak antara elemen bagian kanan

Margin-bottom: Mengatur jarak antara elemen bagian bawah 

Margin : Mengatur jarak antara elemen bagian secara keseluruhuan 

2. Padding

Padding adalah sebuah kode yang mengatur sebuah seleksi batas jarak dalam. Pading digunakan untuk menghasilkan ruang kosong disekitar konten elemen bagian dalam atau di bagian batas yang telah ditentukan.

Padding top : Mengatur ruang pada elemen dengan konten bagian atas

Padding-right ; Mengatur ruang elemen dengan konten bagian kanan

Padding-bottom : Mengatur ruang elemen dengan konten bagian bawah

Padding : Mengatur ruang elemen dengan konten keseluruhan 

3. Float

Floating pada bagian web design merupakan sebuah kebutuhan yang paling banyak diperlukan. Float berfungsi untuk mengatur letak elemen secara horizontal. Ada empat value yang bisa digunakan untuk properti float yaitu, left, right, inherit, dan none.

4. Absolute

Value absolute digunakan untuk membuat elemen bisa dipindahkan dan membuat elemen mengambang ke atas dibanding elemen lain.Bedanya dengan properti relative, pada properti absolute layer bawahnya akan bergeser seolah-olah berada dibawah layer dengan properti relative.

5. Border 

Border properti merupakan properti yang digunakan untuk mengatur dan memberi garis pada elemen atau selector.

Border-width : Mengatur lebar garis secara keseluruhan 

Border-top-width : Mengatur lebar garis atas 

Border-right-width : Mengatur lebar garis kanan 

Border-bottom-width : Mengatur lebar garis bawah

Border-left-width : Mengatur lebar garis kiri

Border-color : Mengatur warna dalam garis

Border-style : Mengatur style garis

Border-top : Mengatur garis atas

Borer-bottom : Mengatur garis bawah

Border-left : Mengatur garis kiri

Border-radius : Mengatur sudut bulat atau radius pada garis 

6. Display

Display adalah salah satu properti CSS yang digunakan untuk mengatur tampilan suatu elemen.

Display-non : Berfungsi untuk menghilangkan atau menyembunyikan elemen yang diberi kode tersebut.

Display-blok : Berfungsi untuk memberi blok baru atau baris seperti kode

Display-inline : Berfungsi untuk memberi desian background berbeda hanya pada elemen tersebut

Display-inline-block : Jika layar tidak muat maka otomatis membuat baris baru.

7. Box model

Box model adalah sebuah konsep yang dimana setiap elemen yang terdapat pada halaman web.

contoh box model widht, height, border, padding, dan margin.



Comments

Post a Comment

Popular posts from this blog

MEMBUAT WEBSITE ETICKETING UNTUK PESAWAT

-
Image
Halo hari ini saya membuat aplikasi website untuk pembelian tiket pesawat. Dengan 3 aktor user, admin, maskapai semua. LANGKAH - LANGKAH : - PERTAMA  MEMBUAT DATABASE - KEDUA MEMBUAT KONEKSI DAN FUNCTION CODING <?php $db = mysqli_connect("localhost", "root", "", "tiket_penerbangan"); function query($query) {         global $db;     $result = mysqli_query($db, $query);     $rows = [];         while ($row = mysqli_fetch_assoc($result)) {         $rows[] = $row;     }     return $rows; } function tambah($data) {            $nama_maskapai = htmlspecialchars($data["nama_maskapai"]);     $tanggal_penerbangan = htmlspecialchars($data["tanggal_penerbangan"]);     $kuota_penerbangan = htmlspecialchars($data["kuota_penerbangan"]);     $bandara_asal ...
Read more

MEMBUAT FORM LOGIN DAN REGISTRASI KELOMPOK 5 PERSONA

-
Image
MEMBUAT DATA BASE Atribut untuk membuat data base Lalu sambungkan dengan visual studio Dan membuat project untuk registrasi Dengan coding di bawah ini : Imports System.Data.SqlClient Imports System.Net.Http.Headers Public Class Form1     Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load End Sub   Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click         Dim con As SqlConnection = New SqlConnection("Data Source=LAPTOP-2FG2PCBN\SQLEXPRESS;Initial Catalog=DB_Regist;Integrated Security=True")         Dim cmd As SqlCommand = New SqlCommand("insert into TB_Regs values ('" + TextBox1.Text + "','" + TextBox2.Text + "','" + TextBox3.Text + "')", con)         Dim sda As SqlDataAdapter = New SqlDataAdapter(cmd)        Dim dt As DataTable = New DataTable()         sda.Fill(dt)         MessageBox.Show("Anda B...
Read more

TUGAS PART 4 ARITMATIKA DALAM CODING

-
Image
Operator sering digunakan untuk program yang mengandung perhitungan atau suatu kondisi. Juga digunakan untuk memanipulasi atau mengubah suatu nilai pada variabel yang kita sudah tentukan. Pada bahasa pemrograman PHP ada 3 Operator utama, yaitu  Operator Unary Operator Binary Operator Ternary Operator Aritmatika sering disebut operator matematika, dikarenakan untuk pengolahan bilangan seperti; Penjumlahan, Pengurangan, Perkalian, dan Pembagian. CARA PENGGUNAAN  ARITMATIKA DENGAN CODING DENGAN SISTEM KASIR SIMPLE <?php echo '<div class="text">BAKERY</div>' ; $namaPembeli = "RAISA" ; echo "NAMA PEMBELI : " . $namaPembeli . "<br>" ; date_default_timezone_set ( 'Asia/Jakarta' ); echo date ( 'l, d-M-Y / H:i:s a' ). "<br>" ; echo "--------------------------------------------------" . "<br>" ; $daftarBarang1 = "CHEESECAKE" ; $daftarBarang2 = "BLUBER...
Read more