এইচটিএমএল (HTML) স্ক্রোলবক্স তৈরির কোড

স্ক্রোলবক্সের মধেই এটি বানানোর কোড দেখাচ্ছি।পুরো কোড দেখতে স্ক্রোল করে নিচে যান।পুরো কোড হাইলাইহট বা সিলেক্ট বা নির্বাচন করতে বক্সেরে ভেতরে ক্লিক করুন।

<div style="height:800px;width:420px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;background-color: coral;"> বক্সের ভিতরে যা লিখবেন। </div>

কাস্টোমাইজেশনঃ
১. height এর মান বদলে বক্সের উচ্চতা ঠিক করতে পারবেন।
২. width এর মান দিয়ে প্রস্থ নির্ধারণ করুন।
৩. border এর মান বাড়াতে/কমাতে পারেন
৪.  border এর রংও দিতে পারেন।
৫.  background-color পাল্টিয়ে পশ্চাৎপটের রং বদলাতে পারবেন।
৬. চাইলে অন্য যেকোন এইচটিএমএল কোডও ব্যাবহার করতে পারবেন। যেমন একটি ছবি দেবেন-
তাহলে বক্সের ভিতরে যা লিখবেন এর স্থলে <img src="url" alt="some_text"> কোড ব্যাবহার করুন। (এই্চটিএমএল মোডে)। অথবা সরাসরি ব্লগারে পোস্ট দেবার ক্ষেত্রে উপরের আইকন থেকে আপলোডও করা যেতে পারে।
৭. বিভিন্ন ধরণের বর্ডারঃ
solid (যেটা দেখানো হলো এখানে), dashed, dotted, groove , double, ridge, outset , inset
উপর, নিচ, বামও ডানের বর্ডার ইচ্ছেমতো সেট করা যায়। যেমন -
border-top:7px dashed #0ADA0A;border-right:7px dotted #000000;border-bottom:7px dashed #0ADA0A;border-left:8px solid #000000;