সিএসএস প্রোপর্টিজ টিউটোরিয়াল(CSS Properties)



এইচটিএমএল এ তার ট্যাগ ( <b>, <body>, <a>, ইত্যাদি) গুলো হল এইচটিএমএল language এর গোসত এবং আলু। সিএসএস এ আপনারা tutorial পড়ার সময় অনেক গুলো property ( Font, Text, Box, Color ইত্যাদি) লক্ষ্য করেছেন ।নিচে আলোচনা করা হলো।

সিএসএস ফন্ট প্রোপার্টিজ:



সিএসএস ফন্ট প্রোপার্টিজ এর সাহায্যে এর টেক্সট এর  graphical representation কে নিয়ন্ত্রন করা যায়।
নিচে সিএসএস ফন্ট property  গুলো দেয়া হলো ।
  • font
  • font-family
  • font-size
  • font-style
  • font-weight
  • font-variant

সিএসএস টেক্সট প্রোপার্টিজ:


সিএসএস টেক্সট প্রোপার্টিজ যা টেক্সট এর spacing, alignment, decoration ইত্যাদি বিষয়গুলো নিয়ন্ত্রন করে। নিচে সিএসএস টেক্সট property  গুলো দেয়া হলো ।
  • letter-spacing
  • word-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • text-align
  • text-indent
  • line-height

সিএসএস বক্স প্রোপার্টিজ:

সিএসএস বক্স প্রোপার্টিজ যা এইচটিএমএল এলিমেন্ট এর ভিতরে এবং চারপাশের অংশকে নির্দেশ করে।এদের মধ্যে  Border, Margin এবং Padding property  গুলোর আবার চারটি property রয়েছে সেগুলো হল top, right, bottom এবং left ।নিচে সিএসএস box property  গুলো দেয়া হলো ।
  • Margin
  • Padding
  • Border
  • Border-width
  • Border-color
  • Border-style
  • Width
  • Height
  • Float
  • Clear

সিএসএস কালার প্রোপার্টিজ:

সিএসএস কালার property নির্দেশ করে যে, কি ধরনের কালার আমরা নির্দিষ্ট এইচটিএমএল এলিমেন্ট এর টেক্সট এর জন্য ব্যবহার করবো। নিচে সিএসএস কালার property  দেয়া হলো ।
Color

সিএসএস ব্যাকগ্রাউন্ড প্রোপার্টিজ:


সিএসএস background প্রোপার্টিজ যা background এর এমন বিষয় নিয়ন্ত্রন করে ,তা হলো যদি background টি single color বা image হয়ে থাকে । যদি তা image হয়ে থাকে তাহলো আপনি image  এর position ঠিক করতে পারেন । আপনি image কে    repeat left-to-right      অথবা top-to-bottom করতে পারেন। নিচে সিএসএস background property  গুলো দেয়া হলো ।

  • Background
  • Background Color
  • Background Image
  • Background Repeat
  • Background Attachment
  • Background Position

সিএসএস Classification প্রোপার্টিজ:



Display
Whitespace
List Style
List Style Type
List Style Image
List Style Position
Posted in:

0 মন্তব্য(গুলি):