
সুপ্রিয় টেকটিউন ভাইয়েরা, ধারাবাহিক টিউটোরিয়াল Basic HTML,CSS, JQuery পঞ্চম পর্বে আপনাদের সালাম ও শুভেচ্ছা । তো চলুন শুরু করা যাক আমাদের আজকের পর্বের টিউটোরিয়াল তার আগে আপনাদের কাছে থাকা গত পর্বের সোর্স কোড এবং ডিজাইন টি ওপেন করে নিন । Source code ডাউনলোড করতে পারবেন আমার ওয়েবসাইট এর এই লিঙ্ক থেকে ।
আসুন আমরা আমাদের এই পর্বে ব্যবহৃত Source code গুলোর ব্যাখ্যা জেনে নিই।
padding property এর value হল চারটি Top Right Bottom Left . যেমন ঃ
padding:10px 5px 15px 20px;
top padding is 10px
right padding is 5px
bottom padding is 15px
left padding is 20px
padding:10px 5px 15px;
top padding is 10px
right and left padding are 5px
bottom padding is 15px
padding:10px 5px;
top and bottom padding are 10px
right and left padding are 5px
padding:10px;
all four paddings are 10px
বিঃদ্রঃ Padding কোন Negative values নেয় না । তবে value % আকারে নিতে পারে ।
প্রায় সব গুলো ব্রাউজারই padding property support করে । তবে IE8 এর জন্য HTML file <!DOCTYPE HTML > tag টি প্রথমেই যোগ করে নিতে হবে।
নিচের ছবিটিতে padding, margin, border দেখানো হলো ।
সবশেষে আমি জানি শুধু কোড দেখে এবং শর্ট ব্যাখ্যা পড়ে নতুনদের জন্য পুরো ডিজাইন টা বুঝা বেশ মুশকিল তাই source code এবং video tutorial শেয়ার করলাম।
Source code এবং video tutorial ডাউনলোড করতে পারবেন আমার ওয়েবসাইট এর এই লিঙ্ক থেকে ।
আজ এ পর্যন্তই আগামী পর্বের টিউটোরিয়াল দেখার আমন্তন জানিয়ে এখানেই শেষ করছি । আল্লাহ হাফেয ।
আমি orbitit24.com। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 9 টি টিউন ও 2 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।