Header Ads

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

April 14, 2019 0


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


প্রোপার্টিবর্ণনাসিএসএস
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-radiusborder-*-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 উপাদানগুলোকে গ্রহণ করে না।১
clipClips হলো একটি 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-itemsflexible কন্টেইনারের মধ্যে এলিমেন্টের alignment কে নির্দিষ্ট করে।৩
align-selfflexible কন্টেইনারের মধ্যে সিলেক্টেড এলিমেন্টগুলোর alignment কে নির্দিষ্ট করে।৩
flexআইটেমের দৈর্ঘ্য নির্ধারন করে।৩
flex-basisএকটি flexible আইটেমের প্রাথমিক প্রসস্থতাকে বুঝায়।৩
flex-directionফ্লেক্সিবল আইটেমের দিক নির্দিষ্ট করা।৩
flex-flowflex-direction এবং flex-wrap প্রোপার্টির জন্য একটি সংক্ষিপ্ত প্রোপার্টি।৩
flex-growrelative থেকে বাকী অংশ পর্যন্ত কত আইটেম বৃদ্ধি পাবে তা নির্ধারন করে।৩
flex-shrinkrelative থেকে বাকী অংশ পর্যন্ত কত আইটেম সংকুচিত হবে তা বুঝায়।৩
flex-wrapফ্লেক্সিবল আইটেম ভাঁজ(wrap) হবে কি হবে না তা নির্ধারন করে।৩
justify-contentযখন আইটেমগুলো পুরোপুরি জায়গা দখল করে না তখন ফ্লেক্সিবলের কন্টেইনার এর মধ্যে আইটেমগুলোর ভেতর alignment নির্দিষ্ট করে।৩
orderrelative থেকে বাকী অংশ পর্যন্ত 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-breakCJK স্ক্রিপ্ট নয় এমন স্ক্রিপ্টের জন্য ব্রেকিং রুলসকে বুঝায়।৩
word-spacingএকটি টেক্সটের কোন একটি শব্দ গুলোর স্পেস বাড়ানো বা কমানো হয়।১
word-wrapবড় এবং ভাঙা যাবে না এমন শব্দগুলোকে পরবর্তী লাইনে নিয়ে আসার জন্য এই প্রোপার্টি ব্যবহার করা হয়।৩

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


প্রোপার্টিবর্ণনাসিএসএস
text-decorationএকটি টেক্সটে ডেকোরেশন যুক্ত করা নির্দিষ্ট করে।১
text-decoration-colorটেক্সট ডেকোরেশনের কালার নির্দিষ্ট করে।৩
text-decoration-lineটেক্সট ডেকোরেশনে কোন একটি লাইনের ধরনকে বুঝায়।৩
text-decoration-styleটেক্সট ডেকোরেশনে কোন একটি লাইনের স্টাইলকে বুঝায়।৩
text-shadowটেক্সটে ছায়া যুক্ত করে।৩
text-underline-positiontext-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-origin3D এলিমেন্টের নিচের অবস্থান কে নির্দিষ্ট করে।৩
transformএকটি এলিমেন্টে 2D অথবা 3D transformation প্রয়োগ করে।৩
transform-origintransforme এলিমেন্টে পজিশন পরিবর্তন করার অনুমতি দেয়।৩
transform-style3D স্পেসে কিভাবে 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-coloroutline এর কালার সেট করা হয়।২
outline-offsetবর্ডার পিছনের কোণায় একটি আউটলাইন আঁকে এবং একে Offset করে।৩
outline-styleoutline এর স্টাইল সেট করে।২
outline-widthoutline এর 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 মার্ক যুক্ত করে।৩
quotesembedded কোটেশনের জন্য কোটেশনের ধরন সেট করে।২

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


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

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


প্রোপার্টিবর্ণনাসিএসএস
image-orientationএটা দিয়ে ডান অথবা ক্লক ওয়াইজ রোটেশনকে নির্দিষ্ট করে যা একটি ইমেজের উপর ইউজারের এজেন্ট দ্বারা প্রয়োগ হয়।3
image-renderingকোন একটা ইমেজ যখন স্কেলড(scaled) করা হয় তখন এর কোন দিকটি রক্ষা করা বেশি গুরুত্বপূর্ণ এই প্রোপার্টির মাধ্যমে তা ব্রাউজারকে হিন্ট দেয়া হয়।৩
image-resolutionএকটি এলিমেন্ট এর মধ্যে সকল raster ইমেজের নিজস্ব রেজুলেশনকে নির্দিষ্ট করে।৩
object-fitব্যবহৃত height এবং width এর দ্বারা প্রতিষ্ঠিত বক্সে কিভাবে একটি রিপ্লেস করা এলিমেন্টের কন্টেন্ট লাগানো যায় তা নির্দিষ্ট করে।৩
object-positionরিপ্লেস করা এলিমেন্টের বক্সের ভেতর এর এলাইনমেন্টকে(alignment) নির্দিষ্ট করে।৩


Speech প্রোপার্টি


প্রোপার্টিবর্ণনাসিএসএস
markmark-before এবং mark-after এর প্রোপার্টি সেট করার জন্য এটি একটি সংক্ষিপ প্রোপার্টি।৩
mark-afterঅডিও স্ট্রিমে named markers কে সংযুক্ত করতে অনুমতি দেয়।৩
mark-beforeঅডিও স্ট্রিমে named markers কে সংযুক্ত করতে অনুমতি দেয়।৩
phonemesকোন একটি এলিমেন্টের বহনকৃত টেক্সটের ফনেটিক(phonetic) উচ্চারন নির্দিষ্ট করে দেয়।৩
restrest-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মুভিং কন্টেন্টের স্টাইল সেট করে।৩
Tags:

No comments

Subscribe to: Post Comments ( Atom )
Powered by Blogger.