CSS 3: Mengenal Properti CSS dan contoh code script

bila



Properti CSS merupakan elemen dari tag HTML yang biasanya digunakan untuk menerapkan sifat pada selector, seperti mengubah warna , font dan lain lain. Dengan properti kita dapat membuat halaman web jadi lebih menarik.
berikut adaalah penjelasan lebih lanjutnya

  • Margin
Margin mwerupakan kode yang mengatur pemmemberi batas pada jarak luar. biasanya digunakan sebagai pembuat ruang kosong atau elemen luar sesuai yang kita inginkan. Adapun jenis-jenis margin dan fungsinya:
  1. Margin-bottom = Mengatur jarak elemen bagian bawah
  2. Margin-top = mengatur jarak elemen bagian atas
  3. Margi-left = Mengatur jarak elemen bagian kiri
  4. Margin-right = Mengatur jarak elemen bagian kanan
  5. Margin = Mengatur jarak elemen secara keseluruhan
Contoh penulisan margin

See the Pen Untitled by ssaa🔬 (@gedryniel) on CodePen.


  • Padding
Padding merupakan sebuah kode yang berguna untuk mengatur jarak dari dalam, padding juga menghasilkan ruang kosong disekitar elemen sesuai dengan yang telah ditentukan sebelumnya.
berikut merupakan jenis-jenis padding.
  1. Padding-bottom = Mengatur ruang elemen pada bagian bawah.
  2. Padding-top = Mengatur ruang elemen pada bagian atas.
  3. Padding-left = Mengatur ruang elemen pada bagian kiri.
  4. Padding-right = Mengatur ruang elemen pada bagian kanan.
  5. Padding = Mengatur ruang elemen secara keseluruhan
Berikut contoh penulisan padding

See the Pen Untitled by ssaa🔬 (@gedryniel) on CodePen.

  • Float
Float merupakan sebuah kode yang menentukan apakah sebuah elemen harus mengapung atau tidak, contoh

See the Pen saa by ssaa🔬 (@gedryniel) on CodePen.

  • position absolute
sesuai namanya position absolute digunakan untuk mengatur posisi element pada html. Dengan menggunakan position absolute kita dalam menempatkan suatu element  di tempat yang kita inginkan.contoh position absolut:

See the Pen saa by ssaa🔬 (@gedryniel) on CodePen.

  • Border

0 Komentar