সি.এস.এস প্রোপারটির ব্যবহার। (Use of CSS Property)
MD. Sakil Sarker By: MD. Sakil Sarker
01 Feb, 2016

সি.এস.এস প্রোপারটির ব্যবহার। (Use of CSS Property)

CSS

Color property: সিএসএস (CSS) এর কালার Property  টি খুবই গুরুত্ব পূর্ন একটা property। কালার Property দ্বারা কোনো লেখা কালার বা রং করা হয়ে থাকে। এইচটিএমএল (HTML) এর কোনো tag কে বা Class কে টারগেট করে কালার property ব্যবহার করে কোনো লেখা Color করা হয়ে থাকে। যেমন:

পূর্বের পাঠে আমরা সিএসএস নিয়ে কিছু আলোচনা করেছি । ঔই খানে সিএসএস (CSS) সব গুলো Property  টি দেখানো হয়েছে।

css

চিত্র হতে দেখতে পারছি এইচটিএমএল (HTML) এর body tag এবং h1 tag কে টারগেট করে দুইটার জন্য দুই কালার ব্যবহার করা হয়েছে। এখানে আপনি কালার দুইটি পদ্ধতিতে ব্যবহার করতে পারেন; ১) character পদ্ধতিতে যেমন: red, green, yellow ইত্যাদি, ২) কালার কোড পদ্ধতিতে যেমন: #ffffff, #000000, #cccccc ইত্যাদি। তবে #FFFFFF; এই format  লেখা উওম।কারণ আপনি সব ধরনের কালারের নাম জানেন না। তাই কাজের ক্ষেএে কালার কোড ব্যবহার করা উওম।

Opacity Property: Opacity বলতে আমরা বুঝি অস্বচ্ছতা বা অস্পষ্টতা opacity property টি ব্যবহার করা হয় কোনো কিছুর অস্পষ্টতার জন্য। আর Opacity শূন্য (০) দ্বারা কিছুই দেখা যায় না, অর্থাৎ একদম পুরোপুরি অস্পষ্টতা দেখা যায়। যার ফলে চোখে দেখা যায় না। আর Opacity ওয়ান (1) দ্বারা বুঝায় পুরোপরি স্পষ্ট। Opacity 0.4 দ্বারা বুঝায় 40% অস্বচ্ছতা বা অস্পষ্টতা, Opacity 0.6 দ্বারা বুঝায় 60% অস্বচ্ছতা বা অস্পষ্টতা। যেমন:

css

Background Property: Background শব্দের অর্থ পটভূমি সিএসএস (CSS) এর এই background Property ব্যবহার করে কোনো section এর পিছনে বিভিন্ন রকমের কালার বা বিভিন্ন ধরনের ইমেজ ব্যবহার করা হয়ে থাকে। যেমন:

css

এখানে body ট্যাগ কে টারগেট করে Background color দেওয়া হয়েছে green।

background-attachment property: background শব্দের অর্থ পটভুমি, আর attachment শব্দের অর্থ সংযুক্তি। তাহলে background-attachment এর অর্থ দ্বারাচ্ছে পটভুমি-সংযুক্তি। অর্থাৎ background এর যে ইমেজ টা save করলাম সেই ইমেজে পেজের content গুলোর সাপেক্ষে স্থির থাকবে, না কি গতিশীল হবে সেটাই বুঝায়। যেমন:

css

Background-color property: background-color property ব্যবহার করে আমরা বিভিন্ন section এর background color দিতে পারি। যেমন:

css

Leave a Reply

Your email address will not be published. Required fields are marked *

one + 18 =