kalau saudara atau teman kalian mau kuliah jurusan IT mending disaranin kuliah di channel ini, asli mantap materinya lengkap sekali sama ky di kampus, dan penjelasanya sangat mantap
Makasih pak. Padding: jarak diantara conten (text, gambar, dll dalam box) dengan border (pinggiran box/objek) Padding: tidak bisa dikasik negatif atau auto Padding merubah ukuran box yaitu bertambah sesuai nilai peding yg diberikan. Misal awal box dengan ukuran lebar dan tinggi 300px, setelah dikasik pading semua sisi 50px (kanan-kirik yaitu 50px + 50px = 100, begitu juga bawah atas) Sehingga 300px + 100px, maka box berubah menjadi ukuran lebar dan tinggi yaitu menjadi 40ppx Border, garis tepi dari box. Penulisan border = width style color, atau Border-left = value Boder-style = style (solid/ dotted/ dashed/ double) Border-color = red/blue/dll Contoh: Boder = 1px solid blue; Border itu merubah ukuran box sebagaimana padding di atas, artinya ketika kita ngasik border maka ditambahkan nilai tersebut termasuk kanan+kiri, atau atas+bawah
Definisi = 0:43; Menulis padding = 3:03 Pengertian padding = 3:34; Padding tidak bisa diberi nilai - = 4:16 Border = 6:40; Cara nulis Border = 7:36; Agar satu sisi = 8:44; Box sizing = 10:37; 13:54;
mau nanya dong bro box-sizing: border-box; ada masalah, saya sudah mengikuti tutorial di video ini tapi hasil box pada browser tidak sama rata, padahal di inspect width nya udah sama 600px saya harus bagaimana?
@@muhammadanshari3010 Update browser ke versi yang baru. Coba lihat dibeberapa browser, chrome,edge, Mozilla. Atau pake cara reset. *{ Box-sizing:Border-box; } Kalau di inspect,ukurannya bener berarti ga ada yang salah,coba browsernya jangan terlalu di zoom, biarin di posisi 50%. biar lebih jelas,kirim source codenya.
Terimakasih, bicara nya jelas tidak belibet jadi ya ngga buat bingung dan pusing, mudah dimengerti 👍 yg kaya gini ni seharus nya banyak share di sosmed sana sini, berfaedah. Terimakasih sekali lagi
saya marathon seminggu ini udah jalan html css dan skrg lagi otw yg ini episode ke 6 , alhamdulliahh lancar dan pahamm, terimakasih pak dhika, smoga amal baik buat bpk. xD
untuk saya pribadi sangat sulit untuk mengatur padding dan margin pada box model. krn bentuknya yg transparan sebelum di kasih css. tp berkat ilmu yang di ajarkan Pak Sandika, akhirnya saya dpt membedakan mana padding dan mana margin. terima kasih Pak 🙏😊
Terimakasih pak, semoga kelak saya dapat melewati ilmu anda, anda sangat berjasa dalam pembelajaran saya, semoga Tuhan membalas kebaikanmu dan semoga selalu dalam lindungan-Nya
mau nanya dong bro box-sizing: border-box; ada masalah, saya sudah mengikuti tutorial di video ini tapi hasil box pada browser tidak sama rata, padahal di inspect width nya udah sama 600px saya harus bagaimana?
terpaksa harus ngulang css dari dasar, smoga lewat chanel ini aku bisa belajar banyak untuk dikemudian hari bisa jadi programer dan bisa ngehasilin duit sndiri aminn
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;
@@bimaprawangsaputra2005 keren mas, kalau saya baru² ini terjun kedunia computer, jadi masih rada bingung apalagi kalau ngoding html css😅😅, ya mungkin kalau sering belajar lama lama bisa😅😅
Terima kasih pak sudah bagi pengetahuannya, secara umum saya saya paham dengan apa yang dimaksud tetapi ada sedikit pertanyaan, dari definisi border yang disampaikan adalah batas disekeliling content dan padding (00:42) dan gambar box model (00:25), letak border disisi dalam margin tapi kenapa pada prakteknya ketika terdapat padding dan margin serta diberikan border letak border terdapat disisi luar margin, tolong penjelasannya, terima kasih...
@@sandhikagalihWPU maaf pak, ternyata benar pak border berada disisi dalam margin, setelah saya coba, mungkin karena contoh yang diberikan margin berada ditengah dan saya kurang teliti ketika diberikan property border terkesan berada dibagian luar margin, selain itu karena margin tidak memiliki warna sehingga tidak terlihat bahwa ada margin setelahnya, sekali lagi saya mohon maaf, dan terima kasih atas tanggapannya maklum saya masih baru belajar, terima kasih...
menggunakan content-box, ketika kamu menambahkan padding & border, maka ukuran dari kotaknya (width & height) akan berubah juga... beda dengan border box, ukuran kotaknya tidak berubah..
terimakasih mas atas materi2nya.. izin bertanya, kenapa saat saya atur ukuran dari margin di inspect element browsernya nilainya tetap 8px? tampilannya di browsernya sih berubah tapi angka di inspect elemennya tidak.. terimakasih sebelumnya
Yang itu biar di browser tau klo yg di gunain dalam konten tersebut bahasa inggris dan klo meta charset itu buat mudah di cari oleh pencari goggle, biar web kita paling atas klo di cari, mohon maaf jika salah boleh dikoreksi ;)
Pak gimana cara nambahin feature border sizingnya pada sublime text. Soalnya untuk border-sizing tidak keluar di code editor saya. Saya menggunakan code editor sublime text 3.2.2, Build 3211. Terimaksih pak @sandhikagalih
pak dika klo saya buat 2 kolom kiri dan kanan ketika di ganti jd layar smartphone maka kolom kiri akan naik dan kolom kanan akan kebawah saya mau buat kolom kanan menjadi di atas gimana ya?
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
pak dosen, saya mau nanya box-sizing: border-box; ada masalah, saya sudah mengikuti tutorial anda di video ini tapi hasil box pada browser tidak sama rata, padahal di inspect width nya udah sama 600px saya harus bagaimana pak?
Pak saya mau nanya saya sudah mulai kebingungan perihal box model ini karna saya sangat pemula dalam pembuatan website.. saya sudah menonton dari htm dan css dan ini yg ketiga css layouting. Pertanyaan saya apakah elemen html harus memakai box model, jikalau tidak pakai box model apakah boleh?
Pada saat membuat satu halaman website dengan memberikan tag berarti halaman tersebut telah memberi informasi terhadap browser dan search engine untukmelakukan pengkodean karakter sesuai ketentuan UTF-8.
thank, disini saya berani untuk menonton iklan sampai selesai demi untuk memajukan pembelajaran pemrograman dari kang shandika galih!
Bener itung2 bayar buat pembelajaran
agree
Samaaaa
Samaaaa
punyaku gk ada iklannya, gimana yh?
kalau saudara atau teman kalian mau kuliah jurusan IT mending disaranin kuliah di channel ini, asli mantap materinya lengkap sekali sama ky di kampus, dan penjelasanya sangat mantap
when pa sandhika said: terimakasi sudah menonton video nya
aku: harusnya kita lah pa yg terimakasih udh dibuatin videonya
Makasih pak.
Padding: jarak diantara conten (text, gambar, dll dalam box) dengan border (pinggiran box/objek)
Padding: tidak bisa dikasik negatif atau auto
Padding merubah ukuran box yaitu bertambah sesuai nilai peding yg diberikan. Misal awal box dengan ukuran lebar dan tinggi 300px, setelah dikasik pading semua sisi 50px (kanan-kirik yaitu 50px + 50px = 100, begitu juga bawah atas)
Sehingga 300px + 100px, maka box berubah menjadi ukuran lebar dan tinggi yaitu menjadi 40ppx
Border, garis tepi dari box.
Penulisan
border = width style color, atau
Border-left = value
Boder-style = style (solid/ dotted/ dashed/ double)
Border-color = red/blue/dll
Contoh:
Boder = 1px solid blue;
Border itu merubah ukuran box sebagaimana padding di atas, artinya ketika kita ngasik border maka ditambahkan nilai tersebut termasuk kanan+kiri, atau atas+bawah
Definisi = 0:43;
Menulis padding = 3:03
Pengertian padding = 3:34;
Padding tidak bisa diberi nilai - = 4:16
Border = 6:40;
Cara nulis Border = 7:36;
Agar satu sisi = 8:44;
Box sizing = 10:37;
13:54;
kerenn
Mantap
Terimakasih
mau nanya dong bro
box-sizing: border-box; ada masalah, saya sudah mengikuti tutorial di video ini tapi hasil box pada browser tidak sama rata, padahal di inspect width nya udah sama 600px
saya harus bagaimana?
@@muhammadanshari3010 Update browser ke versi yang baru.
Coba lihat dibeberapa browser, chrome,edge, Mozilla.
Atau pake cara reset.
*{
Box-sizing:Border-box;
}
Kalau di inspect,ukurannya bener berarti ga ada yang salah,coba browsernya jangan terlalu di zoom, biarin di posisi 50%.
biar lebih jelas,kirim source codenya.
@@Wilydesu terima kasih bang
Terimakasih, bicara nya jelas tidak belibet jadi ya ngga buat bingung dan pusing, mudah dimengerti 👍 yg kaya gini ni seharus nya banyak share di sosmed sana sini, berfaedah. Terimakasih sekali lagi
saya marathon seminggu ini udah jalan html css dan skrg lagi otw yg ini episode ke 6 , alhamdulliahh lancar dan pahamm, terimakasih pak dhika, smoga amal baik buat bpk. xD
2in
Alhamdulillah videonya sangat bermanfaat sekali.. Semoga pak sandika diberikan kelancaran rizki dan kesehatan selalu.. Amiinn
untuk saya pribadi sangat sulit untuk mengatur padding dan margin pada box model. krn bentuknya yg transparan sebelum di kasih css. tp berkat ilmu yang di ajarkan Pak Sandika, akhirnya saya dpt membedakan mana padding dan mana margin. terima kasih Pak 🙏😊
Ya Allah kang saya doain ilmu akang bermanfaat bagi kami yang masih belajar, terima kasih
sehat terus kang dan terus berkarya
Terimakasih pak dika, atas jasa anda telah mau menjadi Guru saya di internet :) jadi gemes pencet iklan di setiap vidio anda
Terimakasih pak, semoga kelak saya dapat melewati ilmu anda, anda sangat berjasa dalam pembelajaran saya, semoga Tuhan membalas kebaikanmu dan semoga selalu dalam lindungan-Nya
Amiin
Tutorial yang bermanfaat, saya yg tidak pernah paham sama sekali mengenai Border akhirnya paham dan bisa mengembangkan sesuai sesuka hati saya.
14/09/2021
terima kasih pak ilmunya. saya lanjut marathon series ini dulu.
semua materunya terstruktur jelas dan padat...terimakasih mas andika
Masya Allah luar biasa materinyaaaa...waktu kuliah gak sedetail iniiii
Simple,padat dan jelas best lah pokoknya
ini guru ku, sukses terus buat kang shandika galih
asli materinya sangat bagus pak, sebelumnya terimakasih banyak
Terima kasih pak, sangat sangat bermanfaat, sungguh muda di pahami
Terimakasih Pak atas materinya , semoga rejeki bapak lancar terus .
Kereeennn.... Terima kasihhhh Pak Sandhikaaa.... Dosen saya....
mau nanya dong bro
box-sizing: border-box; ada masalah, saya sudah mengikuti tutorial di video ini tapi hasil box pada browser tidak sama rata, padahal di inspect width nya udah sama 600px
saya harus bagaimana?
Videonya bagus-bagus. bagus untuk orang seperti saya yang masih beginner di front end.
+wisnu kurniawan terimakasih, senang bisa membantu.. yuk kita sama2 belajar :)
terpaksa harus ngulang css dari dasar, smoga lewat chanel ini aku bisa belajar banyak untuk dikemudian hari bisa jadi programer dan bisa ngehasilin duit sndiri aminn
terima kasih om ,,,sudah paham terima kasih,,tinggal implementasi nya saja :)
makasih kang, panjang umur hal2 baik.
Mantap kang, izjn download yakk hehe, kalau masalah iklan tenang aja kang, udh dilihat hehe
mantap bang thanks ilmunya, semoga sukses ya bang
Sangat bermanfaat ilmu nya kang🙏.
Jazākallah Khairan pak🙏
makasih pa, sangat bermanfaat pembelajaran ini..!
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;
margin: auto; artinya di ke-empat sisinya otomatis dikasih nilai auto..
terima kasih untuk ilmunya pak dosen
sekali lagi makasih ilmunya pak
thanks kk Dika
Bismillah saya start css 19/01/2024, Tunggu saya bulan/tahun depan!
Bismillah kita sama memulai bro
bismillah, semoga konsisten
Gimana sekarang bang
@@Bang_All12 aku udah bales dikomen yang lain bang, alhamdulillah sekrang status magang front end, udah sampe akhir Next Js
@@bimaprawangsaputra2005 keren mas, kalau saya baru² ini terjun kedunia computer, jadi masih rada bingung apalagi kalau ngoding html css😅😅, ya mungkin kalau sering belajar lama lama bisa😅😅
Terimakasih Pak atas pembelajarannya
padahal kalo gw tahu chanel ini dari dulu pasti gw udah jago keknya deh. wkwkwk
meninggalkan jejak pak
Terima kasih pak sudah bagi pengetahuannya, secara umum saya saya paham dengan apa yang dimaksud tetapi ada sedikit pertanyaan, dari definisi border yang disampaikan adalah batas disekeliling content dan padding (00:42) dan gambar box model (00:25), letak border disisi dalam margin tapi kenapa pada prakteknya ketika terdapat padding dan margin serta diberikan border letak border terdapat disisi luar margin, tolong penjelasannya, terima kasih...
bisa kasih contoh codenya?
karena harusnya margin itu berada di luar border
@@sandhikagalihWPU maaf pak, ternyata benar pak border berada disisi dalam margin, setelah saya coba, mungkin karena contoh yang diberikan margin berada ditengah dan saya kurang teliti ketika diberikan property border terkesan berada dibagian luar margin, selain itu karena margin tidak memiliki warna sehingga tidak terlihat bahwa ada margin setelahnya, sekali lagi saya mohon maaf, dan terima kasih atas tanggapannya maklum saya masih baru belajar, terima kasih...
Semangat terus belajarnya! 👍🏼
Terimakasih atas ilmunya
maaf pak hanya bisa memberikan tidak skip iklan...
Terima kasih atas ilmunya pak, cara menjelaskannya mudah di pahami
Bermanfaat sekali pak
29/09/2022
23:03
Pak video yang membahas meta apakah ada?
SALAM DARI TAHUN RAMADHAN 2022
mantaap
keren
Sayang jika tidak dimanfaat kan ilmu yang diberikan secara gratis inii
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 😊
menggunakan content-box, ketika kamu menambahkan padding & border, maka ukuran dari kotaknya (width & height) akan berubah juga... beda dengan border box, ukuran kotaknya tidak berubah..
@@sandhikagalihWPU kalau dipakai dua2nya bisa ndak Pak Dhika
@@sandhikagalihWPU berarti content-box sama saja seperti kita tidak menggunakan properti box-sizing ya pak ?
Hadir
Menit 10:14 kenapa jadi 300x300 pak? Bukannya 200?
terimakasih mas atas materi2nya.. izin bertanya, kenapa saat saya atur ukuran dari margin di inspect element browsernya nilainya tetap 8px? tampilannya di browsernya sih berubah tapi angka di inspect elemennya tidak.. terimakasih sebelumnya
Itu biasanya bug
Itu karena Anda inspect ny bukan di element yg d kasih margin,tapi di eleement body
Kalo inspect NY dielemet yg d kasih margin,baru berubah
pak gunany
Yang itu biar di browser tau klo yg di gunain dalam konten tersebut bahasa inggris dan klo meta charset itu buat mudah di cari oleh pencari goggle, biar web kita paling atas klo di cari, mohon maaf jika salah boleh dikoreksi ;)
15:26
Mengapa computednya tdk sesuai dgn apa yg sdh saya edit ?
Pak gimana cara nambahin feature border sizingnya pada sublime text. Soalnya untuk border-sizing tidak keluar di code editor saya. Saya menggunakan code editor sublime text 3.2.2, Build 3211. Terimaksih pak @sandhikagalih
Cape ey ngerangkum terus wkwk
Pak Sandika, tag meta charset itu ketik manual apa ada otomatis, karena sublime saya tidak ada tag itu, tks Pak
oya kalau bedanya box-sizing:border-box dengan box-sizing:content-box apa mas??
konten box itu areanya lebih kecil sesuai dengan contentnya, kali border box menghitung juga padding dan tebal bordernya..
Apakah tutornya masih recommended di 2022?
masih
Izin mas Dhika, untuk peletakan box-sizing yg tepat apakah ditaruh di div (parent) atau di class satu (child) nya?
Tergantung kebutuhan peletakan kontennya nanti mau dimana
pak dika klo saya buat 2 kolom kiri dan kanan ketika di ganti jd layar smartphone maka kolom kiri akan naik dan kolom kanan akan kebawah
saya mau buat kolom kanan menjadi di atas gimana ya?
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
pak kenapa di
iya gua juga gak ngerti
meta charset itu apa?
pak dosen, saya mau nanya
box-sizing: border-box; ada masalah, saya sudah mengikuti tutorial anda di video ini tapi hasil box pada browser tidak sama rata, padahal di inspect width nya udah sama 600px
saya harus bagaimana pak?
Boleh di share di sini css code nya Mas?
Bang buat tabel nyamping gmna
pak mau tanya itu apa? utk apa? Thanks pak
sama ini tuh apa pak? buat apa? terimakasih pak
Pak saya mau nanya saya sudah mulai kebingungan perihal box model ini karna saya sangat pemula dalam pembuatan website.. saya sudah menonton dari htm dan css dan ini yg ketiga css layouting. Pertanyaan saya apakah elemen html harus memakai box model, jikalau tidak pakai box model apakah boleh?
Boleh
gw nonton ini di 2023
Salam ;
kalo textnya melebihi width nya gimana cara aturnya? soal e pasti textnya keluar dari box
ua-cam.com/video/VkUSH3SIH0g/v-deo.html
Size textnya dikecilin dikit atau boxnya di besarin.
Pak klo mau bikin konten tulisan di body bagusnya pake tag div / p ?
pakai tag p untuk paragraf
bismillah mau tanya, kalau padding dibikin transparansy bisa gakya ? agar gambar backrgound kelihatan
Padding emang transparan
#ask bang kalo ngubah ukuran panjang kotak text form gimana ya... mohon solusi
Beri width
download slide nya gimana kak gak paham aku hehe
Pak, kok new file saya gak gitu ya?
watcNice tutorialng tNice tutorials on a Friday tNice tutorialnking ima be the next Skrillex by monday.
Banh div sama nav apakah sama fungsinya???🗿
ini fungsinya apa ya kk??
Pada saat membuat satu halaman website dengan memberikan tag berarti halaman tersebut telah memberi informasi terhadap browser dan search engine untukmelakukan pengkodean karakter sesuai ketentuan UTF-8.
Untung html lang en itu website yabg kita buat menggunakan bahasa english
musiknya om ganggu banget kurang fokus
10:35