সিএসএস রেফারেন্স
স্যাটের সিএসএস রেফারেন্সগুলো প্রতিনিয়ত সকল বড় ব্রাউজার গুলোতে পরীক্ষা করা হয়।
সিএসএস প্রোপার্টি
সিএসএস প্রোপার্টি গ্রুপ
কালার প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
color | টেক্সটের কালার সেট করে। | ১ |
opacity | একটি এলিমেন্টের অসচ্ছতা লেভেল সেট করে। | ৩ |
ব্যকগ্রাউন্ড এবং বর্ডার প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
background | এটি একটি সংক্ষিপ্ত প্রোপার্টি যার মাধ্যমে একটি ঘোষণার মাধ্যমে সকল ব্যকগ্রাউন্ড প্রোপার্টি সেট করা হয়। | ১ |
background-attachment | পেজের বাকী অংশের জন্য ব্যাকগ্রাউন্ড ইমেজটি ফিক্সড হবে নাকি স্ক্রল হবে তা সেট করে। | ১ |
background-blend-mode | প্রতিটি ব্যকগ্রাউন্ড লেয়ারের (কালার/ইমেজ) মিশ্রনকে বুঝায়। | ৩ |
background-color | একটি এলিমেন্টের ব্যকগ্রাউন্ড কালার যুক্ত করার জন্য ব্যবহার করা হয়। | ১ |
background-image | একটি এলিমেন্টের জন্য এক বা একাধিক ব্যকগ্রাউন্ড ইমেজ যুক্ত করার জন্য ব্যবহার করা হয়। | ১ |
background-position | ব্যাকগ্রাউন্ড ইমেজের স্থানকে বুঝায়। | ১ |
background-repeat | ব্যাকগ্রাউন্ড ইমেজ রিপিট হবে নাকি হবে না, হলে কিভাবে হবে তা সেট করে। | ১ |
background-clip | ব্যাকগ্রাউন্ড এর পেইন্টিং এরিয়াকে বুঝায়। | ৩ |
background-origin | ব্যাকগ্রাউন্ড ইমেজকে কোথায় স্থান দেয়া হবে তাকে বুঝায়। | ৩ |
background-size | ব্যাকগ্রাউন্ড ইমেজের সাইজ নির্দিষ্ট করার জন্য ব্যবহার করা হয়। | ৩ |
border | একটি ঘোষনার মাধ্যমে বর্ডারের সবগুলো প্রপার্টি যুক্ত করার জন্য ব্যবহার করা হয়। | ১ |
border-bottom | একটি ঘোষনার মাধ্যমে কন্টেন্টের নিচের বর্ডারের সবগুলো প্রোপার্টি যুক্ত করার জন্য ব্যবহার করা হয়। | ১ |
border-bottom-color | নিচের বর্ডারের কালার সেট করার জন্য এই প্রোপার্টি ব্যবহৃত হয়। | ১ |
border-bottom-left-radius | নিচের বর্ডারের বাম কোণার শেপ বা আকৃতিকে বুঝায়। | ৩ |
border-bottom-right-radius | নিচের বর্ডারের ডান কোণার শেপ বা আকৃতিকে বুঝায়। | ৩ |
border-bottom-style | নিচের বর্ডারের স্টাইল সেট করার জন্য ব্যবহার হয়। | ১ |
border-bottom-width | নিচের বর্ডারের width বা প্রশস্ততা নির্ধারণের জন্য ব্যবহৃত হয়। | ১ |
border-color | চারটি বর্ডারেরই কালার নির্ধারণ করার জন্য এই প্রোপার্টি ব্যবহৃত হয়। | ১ |
border-image | একটি মাত্র ঘোষনার মাধ্যমে সবগুলো বর্ডারের ইমেজ সেট করার জন্য ব্যবহৃত হয়। | ৩ |
border-image-outset | একটি সংখ্যাকে নির্দিষ্ট করে, যার মাধ্যমে বর্ডার ইমেজের এরিয়া বর্ডার বক্সের চেয়েও বৃ্দ্বি পায়। | ৩ |
border-image-repeat | বর্ডার ইমেজ কি রিপিট হবে কি হবেনা এবং গোলাকৃতি হবে কিনা এবং প্রসারিত হবে কিনা তা নির্ধারন করে। | ৩ |
border-image-slice | কিভাবে বর্ডার ইমেজকে ছোট করা যায় তা নির্ধারন করে। | ৩ |
border-image-source | বর্ডার ইমেজ হিসেবে ব্যবহৃত ইমেজের সোর্স বর্ণনা করে। | ৩ |
border-image-width | ইমেজ বর্ডারের widths বা প্রশস্থতা ব্যাখ্যা করে। | ৩ |
border-left | একটি ঘোষনার মাধ্যমে বাম পাশের বর্ডারের প্রোপার্টিগুলো যুক্ত করা হয়। | ১ |
border-left-color | বাম পাশের বর্ডারের কালার সেট করা হয়। | ১ |
border-left-style | বাম পাশের বর্ডারের স্টাইল সেট করা হয়। | ১ |
border-left-width | বাম পাশের বর্ডারের widths বা প্রশস্থতা নির্ধারণ করে। | ১ |
border-radius | border-*-radius এর চারটি প্রোপার্টি যুক্ত করার একটি সংক্ষিপ্ত প্রোপার্টি। | ৩ |
border-right | একটি ঘোষনার মাধ্যমে ডান বর্ডারের সবগুলো প্রোপার্টি সেট করা হয়। | ১ |
border-right-color | ডান পাশের বর্ডারে কালার করার জন্য ব্যবহৃত হয়। | ১ |
border-right-style | ডান পাশের বর্ডারের স্টাইল সেট করা হয়। | ১ |
border-right-width | ডান পাশের বর্ডারের widths বা প্রশস্থতা নির্ধারণ করে। | ১ |
border-style | চারটি বর্ডারে স্টাইলে করার জন্য এই প্রোপার্টি ব্যবহার করা হয়। | ১ |
border-top | একটি ঘোষনার মাধ্যমে উপরের বর্ডারের সবগুলো প্রোপার্টি যুক্ত করার জন্য ব্যবহার করা হয়। | ১ |
border-top-color | উপরের বর্ডারের কালার সেট করা হয়। | ১ |
border-top-left-radius | বর্ডারের উপরের বাম পাশের কোণার শেপ বা আকার নির্দিষ্ট করে। | ৩ |
border-top-right-radius | বর্ডারের উপরের ডান পাশের কোণার শেপ বা আকার নির্দিষ্ট করে। | ৩ |
border-top-style | উপরের বর্ডারের স্টাইল সেট করে। | ১ |
border-top-width | উপরের বর্ডারের width বা প্রশস্থতা সেট করে। | ১ |
border-width | চারটি বর্ডারে একসাথে width বা প্রশস্থতা সেট করে। | ১ |
box-shadow | বক্সে এক বা তার অধিক ড্রপ-শ্যাডো(drop-shadows) যুক্ত করে। | ৩ |
Basic Box property
প্রোপার্টি | বর্ণনা | সিএসএস | |
---|---|---|---|
bottom | অবস্থানকারী এলিমেন্টট এর নিচে অবস্থানকে বুঝায়। | ২ | |
clear | একটি এলিমেন্টের কোন একটি সাইডকে নির্দিষ্ট করে, যেখানে অন্যান্য floating উপাদানগুলোকে গ্রহণ করে না। | ১ | |
clip | Clips হলো একটি absolute অবস্থানকৃত এলিমেন্ট। | ২ | |
display | কিভাবে একটি এইচটিএমএল এলিমেন্ট প্রদর্শিত হবে তা ব্যাখ্যা করে। | ১ | |
float | একটি বক্স float হবে কি হবে না সেট করে। | ১ | |
height | একটি এলিমেন্ট এর উচ্চতা সেট করে। | ১ | |
left | অবস্থানকারী এলিমেন্টের বামে অবস্থানকে বুঝায়। | ২ | |
margin | একটি ঘোষনার মাধ্যমে মার্জিনের সকল প্রোপার্টিগুলো সেট করা হয়। | ১ | |
margin-bottom | একটি এলিমেন্টের নিচের মার্জিন সেট করা হয়। | ১ | |
margin-left | একটি এলিমেন্টের সবগুলো মার্জিন সেট করার জন্য ব্যবহার করা হয়। | ১ | |
margin-right | এর মাধ্যমে একটি এলিমেন্টের ডান পাশের মার্জিন সেট করে। | ১ | |
margin-top | এর মাধ্যমে একটি এলিমেন্টের উপরের পাশের মার্জিন সেট করে। | ১ | |
max-height | এর মাধ্যমে একটি এলিমেন্টের সর্বোচ্চ উচ্চতা সেট করে। | ২ | |
max-width | একটি এলিমেন্টের সর্বোচ্চ প্রশস্থতা সেট করে। | ২ | |
min-height | এর মাধ্যমে একটি এলিমেন্টের সর্বনিম্ন উচ্চতা সেট করে। | ২ | |
min-width | একটি এলিমেন্টের সর্বনিম্ন প্রশস্থতা সেট করে। | ২ | |
overflow |
যদি এলিমেন্ট বক্সের উপর কন্টেন্ট overflow করে তাহলে কি ঘটবে তা নির্ধারন করে। | ২ | |
overflow-x | যদি কন্টেন্ট এরিয়া overflow করে তাহলে সেটি বামে নাকি ডানে overflow করবে নাকি overflow করবে না তা নির্ধারন করে। | ৩ | |
overflow-y | যদি কন্টেন্ট এরিয়া overflow করে তাহলে সেটি উপরে নাকি নিচে overflow করবে নাকি overflow করবে না তা নির্ধারন করে। | ৩ | |
padding | একটি ঘোষনার মাধ্যমে প্যাডিং এর সবগুলো প্রোপার্টি যুক্ত করার জন্য ব্যবহার করা হয়। | ১ | |
padding-bottom | একটি এলিমেন্ট এর নিচের প্যাডিং সেট করে। | ১ | |
padding-left | একটি এলিমেন্ট এর বামের প্যাডিং সেট করে। | ১ | |
padding-right | একটি এলিমেন্ট এর ডানের প্যাডিং সেট করে। | ১ | |
padding-top | একটি এলিমেন্ট এর উপরের প্যাডিং সেট করে। | ১ | |
position | একটি এলিমেন্টের জন্য পজিশনিং মেথড এর অবস্থান নির্দিষ্ট করে। | ২ | |
right | পজিশনকৃত এলিমেন্টের ডানদিকের অবস্থান নির্দিষ্ট করে। | ২ | |
top | পজিশনকৃত এলিমেন্টের উপরের অবস্থান নির্দিষ্ট করে। | ২ | |
visibility | কোন একটি এলিমেন্ট কি দৃশ্যমান হবে নাকি অদৃশ্যমান হবে তা নির্দষ্ট করে দেয়। | ২ | |
width | একটি এলিমেন্টের width বা প্রসস্থতা নির্দিষ্ট করে দেয়। | ১ | |
vertical-align | কোন একটি এলিমেন্টের জন্য উলম্ব alignment সেট করে। | ১ | |
z-index | একটি পজিশনকৃত এলিমন্টের জড়ো হওয়ার সারি কে বুঝায়। | ২ |
Flexible Box Layout
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
align-content | যখন এলিমেন্টটি পুরোপুরি জায়গা দখল করে না তখন একটি flexible container এর মধ্যে লাইনগুলোর ভেতর alignment কে নির্দিষ্ট করে। | ৩ |
align-items | flexible কন্টেইনারের মধ্যে এলিমেন্টের alignment কে নির্দিষ্ট করে। | ৩ |
align-self | flexible কন্টেইনারের মধ্যে সিলেক্টেড এলিমেন্টগুলোর alignment কে নির্দিষ্ট করে। | ৩ |
flex | আইটেমের দৈর্ঘ্য নির্ধারন করে। | ৩ |
flex-basis | একটি flexible আইটেমের প্রাথমিক প্রসস্থতাকে বুঝায়। | ৩ |
flex-direction | ফ্লেক্সিবল আইটেমের দিক নির্দিষ্ট করা। | ৩ |
flex-flow | flex-direction এবং flex-wrap প্রোপার্টির জন্য একটি সংক্ষিপ্ত প্রোপার্টি। | ৩ |
flex-grow | relative থেকে বাকী অংশ পর্যন্ত কত আইটেম বৃদ্ধি পাবে তা নির্ধারন করে। | ৩ |
flex-shrink | relative থেকে বাকী অংশ পর্যন্ত কত আইটেম সংকুচিত হবে তা বুঝায়। | ৩ |
flex-wrap | ফ্লেক্সিবল আইটেম ভাঁজ(wrap) হবে কি হবে না তা নির্ধারন করে। | ৩ |
justify-content | যখন আইটেমগুলো পুরোপুরি জায়গা দখল করে না তখন ফ্লেক্সিবলের কন্টেইনার এর মধ্যে আইটেমগুলোর ভেতর alignment নির্দিষ্ট করে। | ৩ |
order | relative থেকে বাকী অংশ পর্যন্ত flexible বিষয়গুলোর ক্রমান্বয় সেট করে। | ৩ |
টেক্সট প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস | letter-spacing | একটি টেক্সটের অক্ষরগুলোর মধ্যে দূরত্ব বৃদ্ধি অথবা হ্রাস পায়। | ১ |
---|---|---|
line-height | লাইনের উচ্চতা সেট করে। | ১ |
tab-size | ট্যাব-অক্ষরের দূরত্ব নির্দিষ্ট করে। | ৩ |
text-align | টেক্সটকে অনুভুমিকভাবে শ্রেনীবিন্যাস করে। | ১ |
text-align-last | যখন text-align "justify" হয় তখন একটি অংশের শেষ লাইন কেমন হবে তা ব্যাখ্যা করে। | ৩ |
text-indent | কোন একটি টেক্সট ব্লকের প্রথম লাইনের indentation (খাঁজ) নির্দিষ্ট করে। | ১ |
text-justify | যখন text-align "justify" থাকে তখন justification মেথড ব্যবহার হয়। | ৩ |
text-transform | ছোট অক্ষরের এবং বড় অক্ষরের টেক্সট নিয়ন্ত্রন করে। | ১ |
white-space | একটি এলিমেন্টের খালি স্পেস গুলোকে কিভাবে handle করবে তা ঠিক করে। | ১ |
word-break | CJK স্ক্রিপ্ট নয় এমন স্ক্রিপ্টের জন্য ব্রেকিং রুলসকে বুঝায়। | ৩ |
word-spacing | একটি টেক্সটের কোন একটি শব্দ গুলোর স্পেস বাড়ানো বা কমানো হয়। | ১ |
word-wrap | বড় এবং ভাঙা যাবে না এমন শব্দগুলোকে পরবর্তী লাইনে নিয়ে আসার জন্য এই প্রোপার্টি ব্যবহার করা হয়। | ৩ |
টেক্সট ডেকোরেশন প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
text-decoration | একটি টেক্সটে ডেকোরেশন যুক্ত করা নির্দিষ্ট করে। | ১ |
text-decoration-color | টেক্সট ডেকোরেশনের কালার নির্দিষ্ট করে। | ৩ |
text-decoration-line | টেক্সট ডেকোরেশনে কোন একটি লাইনের ধরনকে বুঝায়। | ৩ |
text-decoration-style | টেক্সট ডেকোরেশনে কোন একটি লাইনের স্টাইলকে বুঝায়। | ৩ |
text-shadow | টেক্সটে ছায়া যুক্ত করে। | ৩ |
text-underline-position | text-decoration প্রোপার্টির মাধ্যমে যা আন্ডারলাইন করা হয়েছে তার পজিশনকে বুঝায়। | ৩ |
ফন্ট প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
font | ফন্টের সকল প্রোপার্টি একটি ঘোষনার মাধ্যমে সেট করা হয়। | ১ |
font-family | টেক্সটের ফন্ট ফ্যামিলি নির্দিষ্ট করে দেয়। | ১ | font-size | টেক্সটের ফন্ট সাইজ সেট করে। | ১ |
font-size-adjust | ফন্টের fallback ঘটার পরও পঠনযোগ্যতা রক্ষা করে। | ৩ |
font-stretch | ফন্ট ফ্যামিলি থেকে সাধারন বা বর্ধিত ফেস সিলেক্ট করা হয়। | ৩ |
font-style | টেক্সটের জন্য ফন্ট স্টাইল সিলেক্ট করে। | ১ |
font-variant | এটা নির্দিষ্ট করে যে টেক্সট কি small-caps ফন্টে দেখাবে কিনা। | ১ |
font-weight | ফন্টের weight নির্দিষ্ট করে। | ১ |
লিখার ধরন লিখার প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
direction | টেক্সটের ডিরেকশন বা লিখার ডিরেকশন নির্দিষ্ট করে। | ২ |
unicode-bidi | একে direction প্রোপার্টির সাথে একত্রে ব্যবহার করা হয় যা একই ডকুমেন্টে বিভিন্ন ভাষা override হবে কিনা তা নির্ধারণ করে। | ২ |
টেবিল প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
border-collapse | টেবিলের বর্ডারগুলো একত্রিত হবে নাকি হবে না তা ঠিক করে। | ২ |
border-spacing | বর্ডারের সেল গুলোর মধ্যে দূরত্বকে নির্দিষ্ট করে দেয়। | ২ |
caption-side | টেবিলের ক্যাপশন কোথায় থাকবে তা ঠিক করে দেয়। | ২ |
empty-cells | টেবিলের কোন খালি সেলের বর্ডার এবং ব্যাকগ্রাউন্ড কি প্রদর্শন করবে নাকি করবে না, তা নির্দিষ্ট করে দেয়। | ২ |
table-layout | টেবিলের জন্য ব্যবহৃত layout algorithm সেট করে। | ২ |
লিস্ট এবং কাউন্টারের প্রপার্টিগুলো
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
counter-increment | এক বা একের অধিক কাউন্টার বৃদ্ধি করে। | ২ |
counter-reset | এক বা একের অধিক কাউন্টার সৃষ্টি করে। | ২ |
list-style | একটি ঘোষনার মাধ্যমে লিস্টের সকল প্রোপার্টি সেট করে। | ১ |
list-style-image | একটি ইমেজকে লিস্ট-আইটেম মার্কার হিসেবে নির্ধারন করে। | ১ |
list-style-position | লিস্ট-আইটেম মার্কার কন্টেন্ট ফ্লো এর ভিতরে বা বাইরের পজিশন নির্দিষ্ট করে। | ১ |
list-style-type | লিস্ট-আইটেম মার্কারের ধরন নির্দিষ্ট করে দেয়। | ১ |
এ্যানিমেশন প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
@keyframes | এটা দ্বারা এ্যানিমেশনের কোড নির্দিষ্ট করে | ৩ |
animation | সকল এ্যানিমেশন প্রোপার্টিগুলোর একটি সংক্ষিপ্ত প্রোপার্টি। | ৩ |
animation-delay | একটি এ্যানিমেশন এর শুরু করতে যে দেরি হয় তা বুঝায়। | ৩ |
animation-direction | একই এ্যানিমেশন পূনরায় রিপিট হবে কি হবে না তা নির্দিষ্ট করে। | ৩ |
animation-duration | একবার এ্যানিমেশন কমপ্লিট হতে কত সেকেন্ড বা মিলিসেকেন্ড নিবে তাকে বুঝায়। | ৩ |
animation-fill-mode | এই প্রোপার্টির মাধ্যমে কোন এলিমেন্টের এ্যানিমেশন কাজ না করলে তার পরিবর্তে স্টাইল নির্ধারন করে। | ৩ |
animation-iteration-count | সেট করা এ্যানিমেশন কতবার প্লে হবে বা কতবার কাজ করবে তা নির্দিষ্ট করে। | ৩ |
animation-name | @keyframes এ্যানিমেশনের নাম নির্দিষ্ট করে। | ৩ |
animation-play-state | এ্যানিমেশন চালু অবস্থায় আছে নাকি বন্ধ অবস্থায় আছে তা নির্দিষ্ট করে। | ৩ |
animation-timing-function | একটি এ্যানিমেশনের স্পিডকে বুঝায়। | ৩ |
ট্রান্সফর্ম প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
backface-visibility | কোনো একটি এলিমেন্ট যখন স্ক্রিনের সামনে না থাকে তখন সেটি visible থাকা উচিৎ নাকি উচিৎ না তা ডিফাইন করে। | ৩ |
perspective | কিভাবে 3D এলিমেন্ট দেখা যাবে তার perspective কে নির্দিষ্ট করে। | ৩ |
perspective-origin | 3D এলিমেন্টের নিচের অবস্থান কে নির্দিষ্ট করে। | ৩ |
transform | একটি এলিমেন্টে 2D অথবা 3D transformation প্রয়োগ করে। | ৩ |
transform-origin | transforme এলিমেন্টে পজিশন পরিবর্তন করার অনুমতি দেয়। | ৩ |
transform-style | 3D স্পেসে কিভাবে nested এলিমেন্টের কাজ সম্পন্ন হয় তা নির্দিষ্ট করে। | ৩ |
ট্রানজিশনের(Transitions) প্রপার্টিগুলো
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
transition | একটি ঘোষনার মাধ্যমে ট্রানজিসনের চারটি প্রোপার্টি সেট করার জন্য এটি একটি সংক্ষিপ্ত প্রোপার্টি। | ৩ |
transition-property | ট্রানজিশন ইফেক্টের জন্য সিএসএসের প্রোপার্টির নাম নির্দিষ্ট করে। | 3 |
transition-duration | ট্রানজিশন ইফেক্ট কমপ্লিট হতে কত সেকেন্ড বা মিলিসেকেন্ড লাগবে তা নির্দিষ্ট করে দেয়। | ৩ |
transition-timing-function | ট্রানজিশন ইফেক্টের স্পিড কার্ভকে নির্দিষ্ট করে দেয়। | ৩ |
transition-delay | ট্রানজিশন ইফেক্ট কখন থেকে শুরু হবে তা নির্দিষ্ট করে দেয়। | ৩ |
Basic User Interface Properties
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
box-sizing | বক্স সাইজিং এর জন্য কোন প্রোপার্টিগুলো যুক্ত করা উচিৎ তা নির্ধারন করে। | ৩ |
content | জেনারেটেড কন্টেন্ট প্রবেশ করানোর জন্য :before এবং :after pseudo-এলিমেন্ট ব্যবহার করুন। | ২ |
cursor | কোন ধরনের মাউজ কার্সার ডিসপ্লে করবে তা নির্দিষ্ট করে। | ২ |
ime-mode | একটি টেক্সট ফিল্ডের ইনপুট এডিটর এর স্টেটকে কন্ট্রোল করে। | ৩ |
nav-down | যখন আপনি arrow-down নেভিগেশন ব্যবহার করবেন, তখন কোথায় নেভিগেট করবে তা নির্দিষ্ট করে দেয়। | ৩ |
nav-index | একটি এলিমেন্টের জন্য ট্যাবিং ক্রমান্বয় নির্দিষ্ট করে। | ৩ |
nav-left | যখন আপনি arrow-left নেভিগেশন ব্যবহার করবেন, তখন কোথায় নেভিগেট হবে তা নির্দিষ্ট করে। | ৩ |
nav-right | যখন আপনি arrow-right নেভিগেশন ব্যবহার করবেন, তখন কোথায় নেভিগেট হবে তা নির্দিষ্ট করে দেয়। | ৩ |
nav-up | যখন আপনি arrow-up নেভিগেশন ব্যবহার করবেন, তখন কোথায় নেভিগেট হবে তা নির্দিষ্ট করে দেয়। | ৩ |
outline | একটি ঘোষনার মাধ্যমে outline এর সবগুলো প্রোপার্টি সেট করা হয়। | ২ |
outline-color | outline এর কালার সেট করা হয়। | ২ |
outline-offset | বর্ডার পিছনের কোণায় একটি আউটলাইন আঁকে এবং একে Offset করে। | ৩ |
outline-style | outline এর স্টাইল সেট করে। | ২ |
outline-width | outline এর width বা প্রশস্থতা সেট করে। | ২ |
resize | ব্যবহারকারী একটি এলিমেন্টকে পূনঃআকৃতি করতে পারবে কিনা তা নির্ধারন করে। | ৩ |
text-overflow | কোন একটি এলিমেন্টের উপর যখন টেক্সট ওভারফ্লো করে তখন কি হওয়া উচিৎ তা নির্দিষ্ট করে দেয়। | ৩ |
একাধিক কলাম লে-আউট প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
break-after | জেনারেটেড বক্সের পর page-, column-, অথবা region-break এর ব্যবহার নির্দিষ্ট করে। | ৩ |
break-before | জেনারেটেড বক্সের আগে page-, column-, অথবা region-break এর ব্যবহার নির্দিষ্ট করে। | ৩ |
break-inside | জেনারেটেড বক্সের ভেতর page-, column-, অথবা region-break এর ব্যবহার নির্দিষ্ট করে। | ৩ |
column-count | একটি এলিমেন্ট কতটি কলামে ভাগ হওয়া উচিৎ তা নির্দিষ্ট করে। | ৩ |
column-fill | কিভাবে কলামগুলো পূর্ণ হবে না নির্দিষ্ট করে দেয়। | ৩ |
column-gap | কলামগুলোর মধ্যে গ্যাপ নির্দিষ্ট করে দেয়। | ৩ |
column-rule | এটি সকল column-rule-* প্রোপার্টিগুলো সেট করার জন্য একটি সংক্ষিপ্ট প্রোপার্টি। | ৩ |
column-rule-color | কলামের মধ্যের রুলের কালার নির্দিষ্ট করে। | ৩ |
column-rule-style | কলামের মধ্যের রুলের স্টাইল নির্দিষ্ট করে। | ৩ |
column-rule-width | কলামের মধ্য্যের রুলের প্রসস্থতা নির্দিষ্ট করে। | ৩ |
column-span | প্রতিটি এলিমেন্টের জন্য কতটি কলাম নেয়া উচিৎ তা নির্দিষ্ট করে। | ৩ |
column-width | কলামের প্রসস্থতা নির্দিষ্ট করে। | ৩ |
columns | এটি column-width এবং column-count সেট করার জন্য একটি সংক্ষিপ্ট প্রোপার্টি। | ৩ |
widows | যখন একটি এলিমেন্টের ভেতর পেজ ব্রেক ঘটে তখন একটি পেজের উপরে সর্বনিম্ন সংখ্যক লাইন সেট করে। | ২ |
Paged Media
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
page-break-after | একটি এলিমেন্ট এর পর পেজ ব্রেক এর ব্যবহার নির্দিষ্ট করে। | 2 |
page-break-before | একটি এলিমেন্ট এর পূর্বে পেজ ব্রেক এর ব্যবহার নির্দিষ্ট করে। | ২ |
page-break-inside | একটি এলিমেন্ট এর ভেতর পেজ ব্রেক এর ব্যবহার নির্দিষ্ট করে। | ২ |
পেজড(Paged) মিডিয়ার জন্য কন্টেন্ট জেনারেট করা
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
marks | ডকুমেন্টে crop এবং/অথবা cross মার্ক যুক্ত করে। | ৩ |
quotes | embedded কোটেশনের জন্য কোটেশনের ধরন সেট করে। | ২ |
ফিল্টার ইফেক্টস প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
filter | একটি এলিমেন্ট প্রদর্শন হবার পূর্বে কি কি ইফেক্ট(যেমনঃ blurring অথবা কালার শিপ্টিং) হবে তা ডিফাইন করে। | 3 |
ইমেজ ভ্যালু এবং রুপান্তরিত কন্টেন্ট
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
image-orientation | এটা দিয়ে ডান অথবা ক্লক ওয়াইজ রোটেশনকে নির্দিষ্ট করে যা একটি ইমেজের উপর ইউজারের এজেন্ট দ্বারা প্রয়োগ হয়। | 3 |
image-rendering | কোন একটা ইমেজ যখন স্কেলড(scaled) করা হয় তখন এর কোন দিকটি রক্ষা করা বেশি গুরুত্বপূর্ণ এই প্রোপার্টির মাধ্যমে তা ব্রাউজারকে হিন্ট দেয়া হয়। | ৩ |
image-resolution | একটি এলিমেন্ট এর মধ্যে সকল raster ইমেজের নিজস্ব রেজুলেশনকে নির্দিষ্ট করে। | ৩ |
object-fit | ব্যবহৃত height এবং width এর দ্বারা প্রতিষ্ঠিত বক্সে কিভাবে একটি রিপ্লেস করা এলিমেন্টের কন্টেন্ট লাগানো যায় তা নির্দিষ্ট করে। | ৩ |
object-position | রিপ্লেস করা এলিমেন্টের বক্সের ভেতর এর এলাইনমেন্টকে(alignment) নির্দিষ্ট করে। | ৩ |
Speech প্রোপার্টি
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
mark | mark-before এবং mark-after এর প্রোপার্টি সেট করার জন্য এটি একটি সংক্ষিপ প্রোপার্টি। | ৩ |
mark-after | অডিও স্ট্রিমে named markers কে সংযুক্ত করতে অনুমতি দেয়। | ৩ |
mark-before | অডিও স্ট্রিমে named markers কে সংযুক্ত করতে অনুমতি দেয়। | ৩ |
phonemes | কোন একটি এলিমেন্টের বহনকৃত টেক্সটের ফনেটিক(phonetic) উচ্চারন নির্দিষ্ট করে দেয়। | ৩ |
rest | rest-before এবং rest-after এর প্রোপার্টিগুলো সেট করার জন্য একটি সংক্ষিপ্ত প্রোপার্টি। | ৩ |
voice-balance | বাম এবং ডান চ্যানেলের মধ্যে সমন্বয় সাধন করে। | ৩ |
voice-duration | কোন সিলেক্টেড এলিমেন্টের কন্টেন্টের কার্য সম্পাদনে কত সময় লাগবে তা নির্দিষ্ট করে। | ৩ |
voice-pitch | কথা বলার ফ্রিকোয়েন্সি নির্দিষ্ট করে। | ৩ |
voice-pitch-range | গড় পিচের(pitch) ভিন্নতা নির্দিষ্ট করে। | ৩ |
voice-rate | স্পিকিং রেট কন্ট্রোল করে। | ৩ |
Marquee Properties
প্রোপার্টি | বর্ণনা | সিএসএস |
---|---|---|
marquee-direction | মুভিং কন্টেন্ট এর ডিরেকশন সেট করে দেয়। | ৩ |
marquee-play-count | কতবার কন্টেন্টটি চলবে তা সেট করে দেয়। | ৩ |
marquee-speed | কত দ্রুত কন্টেন্টটি মুভ করবে তা সেট করে দেয়। | ৩ |
marquee-style | মুভিং কন্টেন্টের স্টাইল সেট করে। | ৩ |