CSS Layouting – #5 Box Model : Padding, Border & Box Sizing

CSS Layouting - #5 Box Model : Padding, Border & Box Sizing

CSS Layouting – #5 Box Model : Padding, Border & Box Sizing

Kali ini kita akan bahas mengenai penggunaan Padding & Border, serta sedikit mengenai properti Box Sizing untuk menangani dimensi dari elemen yang diberi padding dan border.

download slide:

http://www.slideshare.net/sandhikagalih/css-layouting-3-box-model

Plugin Sublime Text 3 – Emmet
http://emmet.io/

– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p

– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c

follow juga akun media sosial kita yang lain :

https://www.facebook.com/WebProgrammingUNPAS
http://codepen.io/webprogrammingunpas
https://github.com/webprogrammingunpas
http://pw.if-unpas.org
http://www.unpas.ac.id

terimakasih dan selamat #ngoding!

@sandhikagalih
CSS Layouting – #5 Box Model : Padding, Border & Box Sizing



CSS Layouting – #5 Box Model : Padding, Border & Box Sizing

Related posts

19 Thoughts to “CSS Layouting – #5 Box Model : Padding, Border & Box Sizing

  1. Videonya bagus-bagus. bagus untuk orang seperti saya yang masih beginner di front end.

  2. terima kasih om ,,,sudah paham terima kasih,,tinggal implementasi nya saja 🙂

  3. Tutorial yang bermanfaat, saya yg tidak pernah paham sama sekali mengenai Border akhirnya paham dan bisa mengembangkan sesuai sesuka hati saya.

  4. pak kenapa di <html lang="eng"
    <meta charset="UTF-8"
    itu apa artinya

  5. oya kalau bedanya box-sizing:border-box dengan box-sizing:content-box apa mas??

  6. Mau tanya mas dhika….
    Kalau dlm box-sizing ada pilihan border-box & content-box. Nah, utk content-box utk fungsi apa ya mas…
    Tx before 😊

  7. Kak permisi saya mau nanya, knp saat saya mengurai nilai lebar dan tinggi nya percis seperti bapak agar bisa menyesuaikan ketika di tambahkan padding tp kenapa text nya malah keluar dari box nya kak? Tidak mau ikut mengecil seperti box nya tp tetap dengan ukurannya sendiri pdhal sya suda mengikuti code yg percis seperti kk buat

  8. Pak maaf saya mau bertanya ketika saat padding menggunaan "lorem ipsum" tulisan tetap berada di dalam box,Beda hal jika kita membuat text sendri yang cukup panjang,Maka text itu terus berjalan kesamping(keluar dari margin dan padding,itu kenapa ya Thx before…
    #salamwebprograming

  9. Terimakasih pak dika, atas jasa anda telah mau menjadi Guru saya di internet 🙂 jadi gemes pencet iklan di setiap vidio anda

  10. pak gunany <html lang="eng"
    <meta charset="UTF-8"

  11. Pak Dika di video sebelumnya untuk pemakaian auto pada margin syaratnya harus kanan dan kiri..
    margin-left: auto;
    margin-right: auto;
    Tapi kok barusan di menit 02:15 Pak Dika langsung gk masalah…
    margin: auto;

  12. Pak klo mau bikin konten tulisan di body bagusnya pake tag div / p ?

  13. Pak kalau pasang backsound autoplay du wordprss itu bagaimana ya

  14. Ya Allah kang saya doain ilmu akang bermanfaat bagi kami yang masih belajar, terima kasih
    sehat terus kang dan terus berkarya

  15. mantap bang thanks ilmunya, semoga sukses ya bang

  16. Pak, kok new file saya gak gitu ya?

  17. bismillah mau tanya, kalau padding dibikin transparansy bisa gakya ? agar gambar backrgound kelihatan

Leave a Comment