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

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

রেফারেন্স-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



 

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


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


এক নজরেই সিএসএসের সব প্রোপার্টি গ্রুপঃ





ব্যাকগ্রাউন্ড প্রোপার্টি


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) যুক্ত করে।




ফ্লেক্সিবল বক্স লেআউট


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 বিষয়গুলোর ক্রমান্বয় সেট করে।




বেসিক বক্স প্রোপার্টি


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

একটি পজিশনকৃত এলিমেন্টের জড়ো হওয়ার সারি কে বুঝায়।




টেক্সট প্রোপার্টি


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

একটি এলিমেন্টের খালি স্পেস গুলোকে কিভাবে hএবংle করবে তা ঠিক করে।

word-break

CJK স্ক্রিপ্ট নয় এমন স্ক্রিপ্টের জন্য ব্রেকিং রুলসকে বুঝায়।

word-spacing

একটি টেক্সটের কোন একটি শব্দ গুলোর স্পেস বাড়ানো বা কমানো হয়।

word-wrap

বড় এবং ভাঙা যাবে না এমন শব্দগুলোকে পরবর্তী লাইনে নিয়ে আসার জন্য এই প্রোপার্টি ব্যবহার করা হয়।




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


color

টেক্সটের কালার সেট করে।

opacity

একটি এলিমেন্টের opacity (অস্বচ্ছতা) লেভেল সেট করে।




টেক্সট ডেকোরেশন প্রোপার্টি


text-decoration

একটি টেক্সটে ডেকোরেশন যুক্ত করা নির্দিষ্ট করে।

text-decoration-color

টেক্সট ডেকোরেশনের কালার নির্দিষ্ট করে।

text-decoration-line

টেক্সট ডেকোরেশনে কোন একটি লাইনের ধরনকে বুঝায়।

text-decoration-style

টেক্সট ডেকোরেশনে কোন একটি লাইনের স্টাইলকে বুঝায়।

text-shadow

টেক্সটে ছায়া যুক্ত করে।

text-underline-position

text-decoration প্রোপার্টির মাধ্যমে যা আন্ডারলাইন করা হয়েছে তার পজিশনকে বুঝায়।




কাউন্টার প্রোপার্টি


counter-increment

এক বা একের অধিক কাউন্টার বৃদ্ধি করে।

counter-reset

এক বা একের অধিক কাউন্টার সৃষ্টি করে।




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


list-style

একটি ঘোষনার মাধ্যমে লিস্টের সকল প্রোপার্টি সেট করে।

list-style-image

একটি ইমেজকে লিস্ট-আইটেম মার্কার হিসেবে নির্ধারন করে।

list-style-position

লিস্ট-আইটেম মার্কার কন্টেন্ট ফ্লো এর ভিতরে বা বাইরের পজিশন নির্দিষ্ট করে।

list-style-type

লিস্ট-আইটেম মার্কারের ধরন নির্দিষ্ট করে দেয়।




ফন্ট প্রোপার্টি


font

ফন্টের সকল প্রোপার্টি একটি ঘোষনার মাধ্যমে সেট করা হয়।

font-family

টেক্সটের ফন্ট ফ্যামিলি নির্দিষ্ট করে দেয়।

font-size

টেক্সটের ফন্ট সাইজ সেট করে।

font-size-adjust

ফন্টের fallback ঘটার পরও পঠনযোগ্যতা রক্ষা করে।

font-stretch

ফন্ট ফ্যামিলি থেকে সাধারন বা বর্ধিত ফেস সিলেক্ট করা হয়।

font-style

টেক্সটের জন্য ফন্ট স্টাইল সিলেক্ট করে।

font-variant

এটা নির্দিষ্ট করে যে টেক্সট কি small-caps ফন্টে দেখাবে কিনা।

font-weight

ফন্টের weight নির্দিষ্ট করে।




Writing models প্রোপার্টি


direction

টেক্সটের ডিরেকশন বা লিখার ডিরেকশন নির্দিষ্ট করে।

unicode-bidi

একে direction প্রোপার্টির সাথে একত্রে ব্যবহার করা হয় যা একই ডকুমেন্টে বিভিন্ন ভাষা override হবে কিনা তা নির্ধারণ করে।




টেবিল প্রোপার্টি


border-collapse

টেবিলের বর্ডারগুলো একত্রিত হবে নাকি হবে না তা ঠিক করে।

border-spacing

বর্ডারের সেল গুলোর মধ্যে দূরত্বকে নির্দিষ্ট করে দেয়।

caption-side

টেবিলের ক্যাপশন কোথায় থাকবে তা ঠিক করে দেয়।

empty-cells

টেবিলের কোন খালি সেলের বর্ডার এবং ব্যাকগ্রাউন্ড কি প্রদর্শন করবে নাকি করবে না, তা নির্দিষ্ট করে দেয়।

table-layout

টেবিলের জন্য ব্যবহৃত layout algorithm সেট করে।




Multi-column layout প্রোপার্টি


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

যখন একটি এলিমেন্টের ভেতর পেজ ব্রেক ঘটে তখন একটি পেজের উপরে সর্বনিম্ন সংখ্যক লাইন সেট করে।




ট্রানজিশন(Transitions) প্রোপার্টি


transition

একটি ঘোষনার মাধ্যমে ট্রানজিশনের চারটি প্রোপার্টি সেট করার জন্য এটি একটি সংক্ষিপ্ত প্রোপার্টি।

transition-property

ট্রানজিশন ইফেক্টের জন্য সিএসএসের প্রোপার্টির নাম নির্দিষ্ট করে।

transition-duration

ট্রানজিশন ইফেক্ট কমপ্লিট হতে কত সেকেন্ড বা মিলিসেকেন্ড লাগবে তা নির্দিষ্ট করে দেয়।

transition-timing-function

ট্রানজিশন ইফেক্টের স্পিড কার্ভকে নির্দিষ্ট করে দেয়।

transition-delay

ট্রানজিশন ইফেক্ট কখন থেকে শুরু হবে তা নির্দিষ্ট করে দেয়।




এনিমেশন প্রোপার্টি


@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 ট্রান্সফরমেশন প্রয়োগ করে।

transform-origin

ট্রান্সফর্ম এলিমেন্টে পজিশন পরিবর্তন করার অনুমতি দেয়।

transform-style

3D স্পেসে কিভাবে নেস্টেড এলিমেন্টের কাজ সম্পন্ন হয় তা নির্দিষ্ট করে।




বেসিক ইউজার ইন্টারফেস প্রোপার্টি


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

কোন একটি এলিমেন্টের উপর যখন টেক্সট ওভারফ্লো করে তখন কি হওয়া উচিৎ তা নির্দিষ্ট করে দেয়।




পেইজ মিডিয়া


page-break-after

একটি এলিমেন্টের পর পেজ ব্রেক এর ব্যবহার নির্দিষ্ট করে।

page-break-before

একটি এলিমেন্টের পূর্বে পেজ ব্রেক এর ব্যবহার নির্দিষ্ট করে।

page-break-inside

একটি এলিমেন্টের ভেতর পেজ ব্রেক এর ব্যবহার নির্দিষ্ট করে।




পেজড(Paged) মিডিয়ার জন্য কন্টেন্ট জেনারেট করা


marks

ডকুমেন্টে crop এবং/অথবা cross মার্ক যুক্ত করে।

quotes

embedded কোটেশনের জন্য কোটেশনের ধরন সেট করে।




ফিল্টার ইফেক্টস প্রোপার্টি


filter

একটি এলিমেন্ট প্রদর্শন হবার পূর্বে কি কি ইফেক্ট(যেমনঃ blurring অথবা কালার শিপ্টিং) হবে তা ডিফাইন করে।




মারকিউ প্রোপার্টি


marquee-direction

মুভিং কন্টেন্ট এর ডিরেকশন সেট করে দেয়।

marquee-play-count

কতবার কন্টেন্টটি চলবে তা সেট করে দেয়।

marquee-speed

কত দ্রুত কন্টেন্টটি মুভ করবে তা সেট করে দেয়।

marquee-style

মুভিং কন্টেন্টের স্টাইল সেট করে।




ইমেজ ভ্যালু এবং রুপান্তরিত কন্টেন্ট


image-orientation

এটা দিয়ে ডান অথবা ক্লক ওয়াইজ রোটেশনকে নির্দিষ্ট করে যা একটি ইমেজের উপর ইউজারের এজেন্ট দ্বারা প্রয়োগ হয়।

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

স্পিকিং রেট কন্ট্রোল করে।