Tutorial CSS Align

CSS Align

Assalamu'alaikum W. W.
A. Pendahuluan

Halo, pada kesempatan kali ini saya akan menjelaskan tentang CSS, dalam pengaturan Align.
1.Pengertian
  Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen / artibut dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukanlah sebuah bahasa pemograman.
  CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

2.Latar Belakang

Ingin mengetahui bagaimana cara membuat tampilan dalam sebuah website dengan baik.
3.Maksud dan Tujuan
Paham dan dapat mengggunakan CSS, dan dapat membuat tampilan dalam sebuah website.
B. Alat dan Bahan

-PC
-Text Editor
-Web Browser
C. Jangka Waktu Pelaksanaan
-
D. Penjelasan

Align

1. Align Element

Align element adalah cara mengatur align untuk sebuah elemen seperti "<div>", cara menggunakannya dengan menambahkan aturan "margin:auto;" dalam script CSS yang akan diatur.

2. Align Text

Align text adalah  cara mengatur align untuk sebuah teks di dalam sebuah komponen. menggunakan dengan cara menambah script "text-align: center;" pada script CSS komponen yang teks-nya ingin diatur.

3. Align Image

Align image adalah cara mengatur align  untuk sebuah gambar, digunakan dengan cara, mengatur margin kanan dan kiri dengan auto, lalu mengatur displaynya menjadi block.

4. Align menggunakan Position

Sebenarnya hampir sama, namun disini kita mengatur menggunakan positionnya, salah satunya yaitu absolute.

Artibut position yaitu relative dan absolute.

5. Align menggunakan Float

Di sini kita mengatur align dengan menggunakan float-nya Salah satu nilai float adalah right.

6. Vertical Align menggunakan padding

Di sini kita dapat mengatur algin vertical dengan menggunakan padding.

7. Vertical Align menggunakan line-height

Di sini kita dapat mengatur algin vertical dengan menggunakan line-height.

Contoh penggunaan CSS Align:

E. Kesimpulan
>Dalam membuat website kita akan membutuhkan align untuk mengatur posisi suatu elemen atau teks.
F. Referensi
https://id.wikipedia.org/wiki/Cascading_Style_Sheets
https://www.w3schools.com/css/css_align.asp

Wassalamu'alaikum W. W.

Share this post