এইচটিএমএল সিএসএস বুটস্ট্রাপ জাভাস্ক্রিপ্ট জেকুয়েরি
লগইন
×

সিএসএস রেফারেন্স

রেফারেন্স-Reference সিলেক্টর-Selector ফাংশন-Function রেফারেন্স Aural ওয়েব সেফ ফন্ট-WebSafeFont এনিমেটেবল-Animatable ইউনিট-Unit PX-EM কনভার্টার-Converter কালার-Color কালার ভ্যালু-ColorValue ডিফল্ট ভ্যালু-DefaultValue ব্রাউজার সাপোর্টBrowserSupport

CSS Properties

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

সিএসএস রেফারেন্স


Note স্যাটের সিএসএস রেফারেন্সগুলো প্রতিনিয়ত সকল বড় ব্রাউজার গুলোতে পরীক্ষা করা হয়।


সিএসএস প্রোপার্টি

সিএসএস প্রোপার্টি গ্রুপ



কালার প্রোপার্টি


প্রোপার্টি বর্ণনা সিএসএস
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 মুভিং কন্টেন্টের স্টাইল সেট করে।