এইচটিএমএল ডোম স্টাইল অবজেক্ট
স্টাইল অবজেক্ট
স্টাইল অবজেক্ট একটি স্বতন্ত্র স্টাইল স্ট্যাটমেন্ট প্রতিনিধিত্ব করে।
স্টাইল অবজেক্ট এক্সেস
একটি ডকুমেন্টের হেড সেকশন অথবা নির্দিষ্ট এইচটিএমএল এলিমেন্ট থেকে স্টাইল অবজেক্ট এক্সেস করা যেতে পারে।
ডকুমেন্টের হেড সেকশন থেকে স্টাইল অবজেক্ট এক্সেস করে
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
body {
background-color: teal;
color: white;
}
</style>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<p id="test"></p>
<script>
function myFunc() {
var a = document.getElementsByTagName("style")[0];
document.getElementById("test").innerHTML = a.innerHTML;
}
</script>
</body>
</html>ফলাফল
স্টাইল অবজেক্টের নির্দিষ্ট এলিমেন্ট এক্সেস করে
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h2 id="heading" style="color:teal">স্যাট একাডেমী</h2>
<button onclick="myFunc()">ক্লিক করুন</button>
<p id="test"></p>
<script>
function myFunc() {
var a = document.getElementById("heading").style.color;
document.getElementById("test").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
স্টাইল অবজেক্ট তৈরি
document.createElement() মেথড ব্যবহার করে আপনি একটি <style> এলিমেন্ট তৈরি করতে পারবেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h2>স্যাট একাডেমী</h2>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
var a = document.createElement("style");
var b = document.createTextNode("h2 {color: teal;}");
a.appendChild(b);
document.head.appendChild(a);
}
</script>
</body>
</html>ফলাফল
স্টাইল অবজেক্ট প্রোপার্টি
"সিএসএস" কলামে কোনটি কোন সিএসএস ভার্সন তা নির্দেশ করে (সিএসএস ১, সিএসএস ২ অথবা সিএসএস ৩)
| প্রোপার্টি | বর্ণনা | সিএসএস |
|---|---|---|
| alignContent | যখন আইটেম সকল যথাযোগ্য স্থানে ব্যবহার হয় না তখন ফ্লেক্সিবল কন্টেইনার ভিতরের লাইন এর মধ্যে এলাইনমেন্ট সেট অথবা রিটার্ন করে। | ৩ |
| alignItems | একটি ফ্লেক্সিবল কন্টেইনারের ভিতরে আইটেমের জন্য এলাইনমেন্ট সেট অথবা রিটার্ন করে। | ৩ |
| alignSelf | একটি ফ্লেক্সিবল কন্টেইনারের ভিতরে নির্বাচিত আইটেমের জন্য এলাইনমেন্ট সেট অথবা রিটার্ন করে। | ৩ |
| animation | নিচে animationPlayState প্রোপার্টি ছাড়া সকল অ্যানিমেশন প্রোপার্টির শর্টহ্যান্ড প্রোপার্টি দেয়া আছে। | ৩ |
| animationDelay | অ্যানিমেশন কখন শুরু হবে তখন সেট অথবা রিটার্ন করে। | ৩ |
| animationDirection | অ্যানিমেশনের বিকল্প চক্র উল্টোভাবে চলে কিনা তা সেট অথবা রিটার্ন করে। | ৩ |
| animationDuration | একটি চক্র সম্পন্ন করতে কত সেকেন্ড বা কত মিলিসেকেন্ড সময় নেয় তা সেট অথবা রিটার্ন করে। | ৩ |
| animationFillMode | সময়ের বাহিরে অ্যানিমেশন দ্বারা কি ভ্যালু প্রয়োগ করা হয় তা সেট করেব অথবা রিটার্ন করে। | ৩ |
| animationIterationCount | একটি অ্যানিমেশন কখন শুরু হওয়া উচিত তার সময়ের পরিমান সেট অথবা রিটার্ন করে। | ৩ |
| animationName | @keyframes অ্যানিমেশন এর জন্য নাম সেট অথবা রিটার্ন করে। | ৩ |
| animationTimingFunction | অ্যানিমেশনের স্পীড কার্ভ সেট অথবা রিটার্ন করে। | ৩ |
| animationPlayState | অ্যানিমেশন চলমান বা বিরতি দেওয়া হয়েছে কিনা তা সেট অথবা রিটার্ন করে। | ৩ |
| background | একটি ডিক্লেয়ারেশনের মধ্যে সকল ব্যাকগ্রাউন্ড সেট অথবা রিটার্ন করে। | ১ |
| backgroundAttachment | পেইজে ব্যাকগ্রাউন্ড-ছবি স্থির অথবা স্ক্রলযোগ্য কিনা তা সেট অথবা রিটার্ন করে। | ১ |
| backgroundColor | একটি এলিমেন্টের ব্যাকগ্রাউন্ড-রঙ সেট অথবা রিটার্ন করে। | ১ |
| backgroundImage | একটি এলিমেন্টের ব্যাকগ্রাউন্ড-ছবি সেট অথবা রিটার্ন করে। | ১ |
| backgroundPosition | ব্যাকগ্রাউন্ড-ছবির শুরুর অবস্থান সেট অথবা রিটার্ন করে। | ১ |
| backgroundRepeat | কিভাবে একটি ব্যাকগ্রাউন্ড-ছবি পুনরাবৃত্তি (টালি) করে তা সেট অথবা রিটার্ন করে। | ১ |
| backgroundClip | ব্যাকগ্রাউন্ডের পেইন্টিং এলাকা সেট অথবা রিটার্ন করে। | ৩ |
| backgroundOrigin | ব্যাকগ্রাউন্ড- ছবির পজিশনিং এলাকা সেট অথবা রিটার্ন করে। | ৩ |
| backgroundSize | ব্যাকগ্রাউন্ড- ছবির সাইজ সেট অথবা রিটার্ন করে। | ৩ |
| backfaceVisibility | যখন স্ক্রিন প্রদর্শন করবে না এলিমেন্ট প্রদর্শিত হবে কিনা তা সেট অথবা রিটার্ন করে। | ৩ |
| border | একটি ডিক্লেয়ারেশনের মধ্যে borderWidth, borderStyle, এবং borderColor সেট অথবা রিটার্ন করে। | ১ |
| borderBottom | একটি ডিক্লেয়ারেশনের মধ্যে সকল borderBottom* প্রোপার্টি সেট অথবা রিটার্ন করে। | ১ |
| borderBottomColor | নিম্ন বর্ডারের রঙ সেট অথবা রিটার্ন করে। | 1 |
| borderBottomLeftRadius | বর্ডারের নিচে বাম কর্নারের আকৃতি সেট অথবা রিটার্ন করে। | ৩ |
| borderBottomRightRadius | বর্ডারের নিচে ডান কর্নারের আকৃতি সেট অথবা রিটার্ন করে। | ৩ |
| borderBottomStyle | নিম্ন বর্ডারের স্টাইল সেট অথবা রিটার্ন করে। | ১ |
| borderBottomWidth | নিম্ন বর্ডারের Width সেট অথবা রিটার্ন করে। | ১ |
| borderCollapse | টেবিল বর্ডার সিঙ্গেল বর্ডার এর মধ্যে কলাপ্স হবে কিনা তা সেট করে অথবা রিটার্ন করে। | ২ |
| borderColor | একটি এলিমেন্টের বর্ডার এর রঙ সেট করে অথবা রিটার্ন করে। ( চারটি ভ্যালু থাকতে পারে ) । | ১ |
| borderImage | সকল borderImage* প্রোপার্টি একটি শটহ্যান্ড প্রোপার্টি সেট করে অথবা রিটার্ন করে। | ৩ |
| borderImageOutset | যে বর্ডার ইমেজ এরিয়া প্রসারিত হয়ে বর্ডার বক্স অতিক্রম করে তার পরিমান সেট অথবা রিটার্ন করে। | ৩ |
| borderImageRepeat | ইমেজ- বর্ডার পুনরাবৃত্তি, বৃত্তাকার বা প্রসারিত করা উচিত কিনা তা সেট অথবা রিটার্ন করে। | ৩ |
| borderImageSlice | ইমেজ-বর্ডারের অভ্যন্তরস্থ অফসেট সেট করে অথবা রিটার্ন করে। | ৩ |
| borderImageSource | একটি বর্ডার হিসেবে ব্যবহার করা ছবি সেট করে অথবা রিটার্ন করে। | ৩ |
| borderImageWidth | ইমেজ-বর্ডারের Width সেট অথবা রিটার্ন করে। | ৩ |
| borderLeft | একটি ডিক্লেয়ারেশনের মধ্যে সকল borderLeft* প্রোপার্টি সেট অথবা রিটার্ন করে। | ১ |
| borderLeftColor | বাম দিকের বর্ডারের রঙ সেট অথবা রিটার্ন করে। | ১ |
| borderLeftStyle | বাম দিকের বর্ডারের স্টাইল সেট অথবা রিটার্ন করে। | ১ |
| borderLeftWidth | বাম দিকের বর্ডারে Width সেট অথবা রিটার্ন করে। | ১ |
| borderRadius | একটি বর্ডার * ব্যাসার্ধ প্রোপার্টি সেট করা অথবা রিটার্ন করার জন্য একটি শর্টহ্যান্ড প্রোপার্টি । | ৩ |
| borderRight | একটি ডিক্লেয়ারেশনের মধ্যে সকল borderRight* প্রোপার্টি সেট অথবা রিটার্ন করে। | ১ |
| borderRightColor | ডান বর্ডারের রঙ সেট অথবা রিটার্ন করে। | ১ |
| borderRightStyle | ডান বর্ডারের স্টাইল সেট অথবা রিটার্ন করে। | ১ |
| borderRightWidth | ডান বর্ডারের Width সেট অথবা রিটার্ন করে। | ১ |
| borderSpacing | একটি টেবিলের সেলের মধ্যে স্পেস সেট অথবা রিটার্ন করে। | ২ |
| borderStyle | একটি এলেমেন্টের বর্ডারে স্টাইল সেট অথবা রিটার্ন করে ( চার এর অধিক ভ্যালু থাতে পারে) । | ১ |
| borderTop | একটি ডিক্লেয়ারেশনের মধ্যে সকল borderTop* প্রোপার্টি সেট অথবা রিটার্ন করে। | ১ |
| borderTopColor | উপরের বর্ডারের রঙ সেট অথবা রিটার্ন করে। | ১ |
| borderTopLeftRadius | বর্ডারের উপরে বাম কর্নারের আকৃতি সেট অথবা রিটার্ন করে। | ৩ |
| borderTopRightRadius | বর্ডারের উপরে ডান কর্নারের আকৃতি সেট অথবা রিটার্ন করে। | ৩ |
| borderTopStyle | উপর বর্ডারের স্টাইল সেট অথবা রিটার্ন করে। | ১ |
| borderTopWidth | উপর বর্ডারের Width সেট অথবা রিটার্ন করে। | ১ |
| borderWidth | একটি এলেমেন্টের বর্ডারের Width সেট অথবা রিটার্ন করে (চার এর অধিক ভ্যালু থকাতে পারে )। | ১ |
| bottom | একটি পজিশন এলিমেন্টের নিচের অবস্থান সেট অথবা রিটার্ন করে। | ২ |
| boxDecorationBreak | পেইজ ব্রেকে অথবা লাইন ব্রেকে ইনলাইন এলিমেন্টের জন্য, একটি এলিমেন্টের বর্ডার এবং ব্যাকগ্রাউন্ড ধরণ সেট অথবা রিটার্ন করে। | ৩ |
| boxShadow | বক্সে এক বা একাধিক ড্রপ সেডো সংযুক্ত করে। | ৩ |
| boxSizing | নির্দিষ্ট উপায়ে একটি এরিয়া ফিট করতে নির্দিষ্ট এলিমেন্ট ডিফাইন করতে অনুমতি দেয়। | ৩ |
| captionSide | টেবিল ক্যাপশনের অবস্থান সেট অথবা রিটার্ন করে। | ২ |
| clear | ফ্লোটিং অবজেক্টে আপেক্ষিক এলিমেন্টের অবস্থান সেট অথবা রিটার্ন করে। | ১ |
| clip | পজিশন এলিমেন্টের যে অংশটি দৃশ্যমান তা সেট অথবা রিটার্ন করে। | ২ |
| color | লেখার রঙ সেট অথবা রিটার্ন করে। | ১ |
| columnCount | একটি এলিমেন্টের কলামের সংখ্যা কিভাবে বিভক্ত হওয়া উচিত তা সেট অথবা রিটার্ন করে | ৩ |
| columnFill | কিভাবে কলাম পূরণ করে তা সেট অথবা রিটার্ন করে। | ৩ |
| columnGap | কলামের মধ্যে ফাঁক সেট অথবা রিটার্ন করে। | ৩ |
| columnRule | columnRule* properties প্রোপাটির সেটিং অথবা রিটার্নিং এর জন্য একটি শর্টহ্যান্ড প্রোপার্টি । | ৩ |
| columnRuleColor | কলামের মধ্যে রুল এর রঙ সেট অথবা রিটার্ন করে। | ৩ |
| columnRuleStyle | কলামের মধ্যে স্টাইলের নিয়ম সেট করে অথবা রিটার্ন করে। | ৩ |
| columnRuleWidth | কলামের মধ্যে Width এর নিয়ম সেট করে অথবা রিটার্ন করে। | ৩ |
| columns | columnWidth এবং columnCount এর জন্য সেটিং অথবা রিটার্নিং এর জন্য একটি শর্টহ্যান্ড প্রোপার্টি । | ৩ |
| columnSpan | কতটি কলাম span across হতে পারে তা সেট করে অথবা রিটার্ন করে । | ৩ |
| columnWidth | কলামের Width সেট করে অথবা রিটার্ন করে। | ৩ |
| content | জেনারেট কন্টেন্ট যুক্ত করতে, সিডো-এলিমেন্টের আগে ও পরে ব্যবহার করুন । | ২ |
| counterIncrement | এক বা একাধিক কাউন্টার বৃদ্ধি করে। | ২ |
| counterReset | এক বা একাধিক কাউন্টার তৈরি বা রিসেট করে। | ২ |
| cursor | মাউস পয়েন্টার প্রদর্শনের জন্য কার্সরের ধরণ সেট অথবা রিটার্ন করে। | ২ |
| direction | টেক্সট ডিরেকশন সেট করে অথবা রিটার্ন করে। | ২ |
| display | একটি এলিমেন্টের ডিস্প্লে ধরণ সেট অথবা রিটার্ন করে। | ১ |
| emptyCells | বর্ডার এবং ব্যাকগ্রাউন্ডে খালি সেল দেখাবে কি না তা সেট অথবা রিটার্ন করে। | ২ |
| filter | ইমেজ ফিল্টার সেট অথবা রিটার্ন করে।(ব্লার এবং সেটুরেশন এর মত ভিজুয়াল ইফেক্ট) | ৩ |
| flex | আইটেমের আপেক্ষিক দৈর্ঘ্য সেট অথবা রিটার্ন করে। | ৩ |
| flexBasis | ফ্লেক্সিবল আইটেমের ইনিশিয়াল দৈর্ঘ্য সেট অথবা রিটার্ন করে। | ৩ |
| flexDirection | ফ্লেক্সিবল আইটেমের ইনিশিয়াল ডিরেকশন সেট অথবা রিটার্ন করে। | ৩ |
| flexFlow | flexDirection এবং flexWrap প্রোপাটির জন্য একটি শটহ্যান্ড প্রোপার্টি। | ৩ |
| flexGrow | rest এ আপেক্ষিক কতগুলো আইটেম জন্মাবে তা সেট অথবা রিটার্ন করে। | ৩ |
| flexShrink | rest এ কিভাবে আইটেম স্রিঙ্ক হবে তা সেট করে অথবা রিটার্ন করে। | ৩ |
| flexWrap | ফ্লেক্সিবল আইটেম মোড়ানো উচিত কিনা সেট অথবা রিটার্ন করে। | ৩ |
| cssFloat | একটি এলিমেন্টে আনুভূ্মিক অ্যালাইনমেন্ট সেট অথবা রিটার্ন করে। | ১ |
| font | একটি ডিক্লেয়ারশনের মধ্যে fontStyle, fontVariant, fontWeight, fontSize, lineHeight, এবং fontFamily সেট অথবা রিটার্ন করে। | ১ |
| fontFamily | টেক্সট এর জন্য font family সেট অথবা রিটার্ন করে। | ১ |
| fontSize | টেক্সট এর জন্য ফন্ট সাইজ সেট অথবা রিটার্ন করে। | ১ |
| fontStyle | ফন্টের স্টাইল নরমাল, ইতালিক অথবা অবলিগ কিনা তা সেট অথবা রিটার্ন করে। | ১ |
| fontVariant | ফন্ট ছোট বড় হাতের অক্ষরে প্রদর্শিত হবে কিনা তা সেট অথবা রিটার্ন করে। | ১ |
| fontWeight | ফন্টের বোল্ডনেস সেট অথবা রিটার্ন করে। | ১ |
| fontSizeAdjust | যখন ফন্ট ফলব্যাক ঘটে তখন টেক্সট পাঠের যোগ্যতা সংরক্ষণ করে। | ৩ |
| fontStretch | একটি ফন্ট ফ্যামিলি থেকে একটি স্বাভাবিক, সংক্ষিপ্ত, অথবা প্রসারিত মুখ নির্বাচন করে। | ৩ |
| hangingPunctuation | একটি যতি চিহ্ন লাইন বাক্সের বাইরে স্থাপন করা যেতে পারে কিনা তা উল্লেখ করে। | ৩ |
| height | একটি এলিমেন্টের Height সেট অথবা রিটার্ন করে। | ১ |
| hyphens | একটি প্যারাগ্রাফের বিন্যাস উন্নত করতে কিভাবে শব্দ বিভক্ত করা যায় তা সেট অথবা রিটার্ন করে। | ৩ |
| icon | একটি iconic equivalent এর সাথে একটি এলিমেন্ট কে স্টাইল করতে লেখক কে ক্ষমতা প্রদান করে | ৩ |
| imageOrientation | ডান দিকে বা ঘড়ির কাঁটার দিকে ঘূর্ণন উল্লেখ করে যা একজন ইউজার এজেন্টে একটি চিত্রের ক্ষেত্রে প্রযোজ্য । | ৩ |
| justifyContent | যখন আইটেম সকল যোগ্য স্থানে ব্যবহার করা হবে না তখন একটি ফ্লেক্সিবল কন্টেইনার এর ভিতরে আইটেমের মধ্যে অ্যালাইনমেন্ট সেট অথবা রিটার্ন করে। | ৩ |
| left | একটি পজিশন এলিমেন্টের বাম পজিশন সেট অথবা রিটার্ন করে। | ২ |
| letterSpacing | একটি টেক্সট এর অক্ষরের মাঝে স্পেস সেট অথবা রিটার্ন করে। | ১ |
| lineHeight | একটি টেক্সট এর মধ্যে lineHeight সেট অথবা রিটার্ন করে। | ১ |
| listStyle | একটি ডিক্লেয়ারেশন এর মধ্যে listStyleImage, listStylePosition, and listStyleType সেট অথবা রিটার্ন করে। | ১ |
| listStyleImage | লিস্ট আইটেম চিহ্নিতকারী হিসাবে একটি ছবি সেট অথবা রিটার্ন করে। | ১ |
| listStylePosition | লিস্ট আইটেম মার্কারের পজিশন সেট অথবা রিটার্ন করে। | ১ |
| listStyleType | লিস্ট আইটেম মার্কারের ধরণ সেট অথবা রিটার্ন করে। | ১ |
| margin | একটি এলিমেন্টের মার্জিন সেট অথবা রিটার্ন করে। (চারটি ভ্যালু থাতে পারে ) । | ১ |
| marginBottom | একটি এলিমেন্টের নিম্ন দিকের মার্জিন সেট অথবা রিটার্ন করে। | ১ |
| marginLeft | একটি এলিমেন্টের বাম দিকের মার্জিন সেট অথবা রিটার্ন করে। | ১ |
| marginRight | একটি এলিমেন্টের ডান দিকের মার্জিন সেট অথবা রিটার্ন করে। | ১ |
| marginTop | একটি এলিমেন্টের উপড়ের দিকের মার্জিন সেট অথবা রিটার্ন করে। | ১ |
| maxHeight | একটি এলিমেন্টের সর্বোচ্চ Height সেট অথবা রিটার্ন করে। | ২ |
| maxWidth | একটি এলিমেন্টের সর্বোচ্চ Width সেট অথবা রিটার্ন করে। | ২ |
| minHeight | একটি এলিমেন্টের সর্বনিম্ন Height সেট অথবা রিটার্ন করে। | ২ |
| minWidth | একটি এলিমেন্টের সর্বনিম্ন Width সেট অথবা রিটার্ন করে। | ২ |
| navDown | যখন arrow-down নেভিগেশন কী ব্যবহার করা হয় তখন কোথায় নেভিগেট করতে হবে তা সেট অথবা রিটার্ন করে। | ৩ |
| navIndex | একটি এলিমেন্টের জন্য tabbing অর্ডার সেট অথবা রিটার্ন করে। | ৩ |
| navLeft | যখন arrow-left নেভিগেশন কী ব্যবহার করা হয় তখন কোথায় নেভিগেট করতে হবে তা সেট অথবা রিটার্ন করে। | ৩ |
| navRight | যখন arrow-right নেভিগেশন কী ব্যবহার করা হয় তখন কোথায় নেভিগেট করতে হবে তা সেট অথবা রিটার্ন করে। | ৩ |
| navUp | যখন arrow-up নেভিগেশন কী ব্যবহার করা হয় তখন কোথায় নেভিগেট করতে হবে তা সেট অথবা রিটার্ন করে। | ৩ |
| opacity | একটি এলিমেন্টের জন্য অপাচিটি লেভেল সেট অথবা রিটার্ন করে। | ৩ |
| order | rest এ আপেক্ষিক ফ্লেক্সিবল আইটেমের অর্ডার সেট অথবা রিটার্ন করে। | ৩ |
| orphans | যখন একটি এলিমেন্টের ভিতরে একটি পেইজের বিরতি ঘটে তখুন একটি এলিমেন্টের জন্য সর্বনিম্ন লাইনের সংখ্যা সেট অথবা রিটার্ন করে, যা অবশ্যই একটি পেইজের নীচের বাম অংশে হতে হবে | ২ |
| outline | একটি ডিক্লেয়ারশনের মধ্যে সকল আউটপুট প্রোপার্টি সেট অথবা রিটার্ন করে। | ২ |
| outlineColor | একটি এলিমেন্টের চারপাশের রঙ সেট অথবা রিটার্ন করে। | ২ |
| outlineOffset | একটি বর্ডারের বাহিরে অফসেটের একটি আউটলাইন আঁকে | ৩ |
| outlineStyle | একটি এলিমেন্টের চারপাশের স্টাইল সেট অথবা রিটার্ন করে। | ২ |
| outlineWidth | একটি এলিমেন্টের চারপাশের Width সেট অথবা রিটার্ন করে। | ২ |
| overflow | এলিমেন্ট বক্সের বাইরে রেন্ডার করে কন্টেনের সাথে কি করে তা সেট অথবা রিটার্ন করে। | ২ |
| overflowX | যদি কন্টেন্ট এরিয়ার এলিমেন্ট overflow হয় তখন বামের বা ডানের কন্টেন্ট কেমন হবে তা নির্দিষ্ট করে | ৩ |
| overflowY | যদি কন্টেন্ট এরিয়ার এলিমেন্ট overflow হয় তখন উপড়ের বা নিচের কন্টেন্ট কেমন হবে তা নির্দিষ্ট করে। | ৩ |
| padding | একটি এলিমেন্টের প্যাডিং সেট অথবা রিটার্ন করে।(চারটি ভ্যালু থাতে পারে ) । | ১ |
| paddingBottom | একটি এলিমেন্টের নিম্ন দিকের প্যাডিং সেট অথবা রিটার্ন করে। | ১ |
| paddingLeft | একটি এলিমেন্টের বাম দিকের প্যাডিং সেট অথবা রিটার্ন করে। | ১ |
| paddingRight | একটি এলিমেন্টের ডান দিকের প্যাডিং সেট অথবা রিটার্ন করে। | ১ |
| paddingTop | একটি এলিমেন্টের উপড়ের দিকের প্যাডিং সেট অথবা রিটার্ন করে। | ১ |
| pageBreakAfter | একটি এলিমেন্টের পর page-break আচরণ সেট অথবা রিটার্ন করে। | ২ |
| pageBreakBefore | একটি এলিমেন্টের পূর্বে page-break আচরণ সেট অথবা রিটার্ন করে। | ২ |
| pageBreakInside | একটি এলিমেনন্টের ভিতরে page-break আচরণ সেট অথবা রিটার্ন করে। | ২ |
| perspective | কিভাবে 3D এলিমেন্ট দেখানো হয় তার দৃশ্য সেট অথবা রিটার্ন করে। | ৩ |
| perspectiveOrigin | 3D এলিমেন্টের নিম্ন দিকের অবস্থান সেট অথবা রিটার্ন করে। | ৩ |
| position | একটি এলিমেন্টে ব্যবহারের জন্য পজিশনিং মেথডের ধরণ সেট অথবা রিটার্ন করে। (static, relative, absolute or fixed) | ২ |
| quotes | এম্ভেডেড কোটেসনের জন্য কোটেশনের ধরন সেট অথবা রিটার্ন করে। | ২ |
| resize | একটি এলিমেন্ট ব্যবহারকারী দ্বারা কিনা রিসাইজেবল কিনা তা সেট অথবা রিটার্ন করে। | ৩ |
| right | একটি পজিশন এলিমেন্টের ডান দিকের অবস্থান সেট অথবা রিটার্ন করে। | ২ |
| tableLayout | টেবিল সেল, সারি ও কলাম খুঁজে রাখা সেট অথবা রিটার্ন করে। | ২ |
| tabSize | tab-character এর দৈর্ঘ্য সেট অথবা রিটার্ন করে। | ৩ |
| textAlign | একটি টেক্সটের অনুভূমিক অ্যালাইনমেন্ট সেট অথবা রিটার্ন করে। | ১ |
| textAlignLast | টেক্সট এরিয়ার এলাইনের "justify" হয় কিভাবে একটি ব্লকের শেষ লাইনে অথবা শ্রেনিবদ্ধ করা ডাণ দিকের লাইনে পূর্বেই লাইন ব্রেক করতে বাধ্য করে তা সেট অথবা রিটার্ন করে। | ৩ |
| textDecoration | একটি টেক্সটের ডেকোরেশন সেট অথবা রিটার্ন করে। | ১ |
| textDecorationColor | টেক্সট ডেকোরেশনের রঙ সেট অথবা রিটার্ন করে। | ৩ |
| textDecorationLine | টেক্সট ডেকোরেশনের মধ্যে লাইনের ধরণ সেট অথবা রিটার্ন করে। | ৩ |
| textDecorationStyle | টেক্সট ডেকোরেশনের মধ্যে লাইনের স্টাইল সেট অথবা রিটার্ন করে। | ৩ |
| textIndent | টেক্সটের প্রথম লাইন ইন্ডেন্টেশন সেট অথবা রিটার্ন করে। | ১ |
| textJustify | যখন text-align "justify" হয় তখন জাস্টিফিকেশন মেথড ব্যবহার সেট অথবা রিটার্ন করে। | ৩ |
| textOverflow | কন্টেইনিং এলিমেন্টে যখন টেক্সট Overflow হয় তখন কি ঘটে তা সেট অথবা রিটার্ন করে। | ৩ |
| textShadow | একটি টেক্সটের সেডো ইফেক্ট সেট অথবা রিটার্ন করে। | ৩ |
| textTransform | একটি টেক্সটের কেপিটালাইজেশন সেট অথবা রিটার্ন করে। | ১ |
| top | একটি পজিশন এলিমেন্টের উপড়ের দিকের অবস্থান সেট অথবা রিটার্ন করে। | ২ |
| transform | একটি এলিমেন্টে 2D অথবা 3D ট্রান্সফর্ম প্রয়োগ করে। | ৩ |
| transformOrigin | ট্রান্সফর্ম এলিমেন্টের অবস্থান সেট অথবা রিটার্ন করে। | ৩ |
| transformStyle | কিভাবে নেস্টেড এলিমেন্ট 3D স্থানে রেন্ডার হয় তা সেট অথবা রিটার্ন করে। | ৩ |
| transition | চারটি ট্রাঞ্জিকশন প্রোপাটির জন্য শর্টহ্যান্ড প্রোপার্টি সেট কর অথবা রিটার্ন করে | ৩ |
| transitionProperty | ট্রাঞ্জিকশন ইফেক্ট এর জন্য সিএসএস প্রোপার্টি সেট অথবা রিটার্ন করে। | ৩ |
| transitionDuration | ট্রাঞ্জিশন ইফেক্ট সম্পন্ন করতে কত সেকেন্ড বা কত মিলিসেকেন্ড সময় নেয় তা সেট অথবা রিটার্ন করে। | ৩ |
| transitionTimingFunction | ট্রাঞ্জিকশন ইফেক্টের স্পীড কার্ভ সেট অথবা রিটার্ন করে। | ৩ |
| transitionDelay | ট্রাঞ্জিকশন ইফেক্ট কখন শুরু হবে তা সেট অথবা রিটার্ন করে। | ৩ |
| unicodeBidi | একই ডকুমেন্টে টেক্সট একাধিক ভাষায় ওভাররাইড সাপোর্ট করা উচিত কিনা তা সেট অথবা রিটার্ন করে। | ২ |
| verticalAlign | একটি এলিমেন্টের মধ্যে কন্টেন্টের উলম্ভ অ্যালাইনমেন্ট সেট অথবা রিটার্ন করে। | ১ |
| visibility | একটি এলিমেন্ট প্রদর্শিত হবে কি না তা সেট অথবা রিটার্ন করে। | ২ |
| whiteSpace | একটি টেক্সটের মধ্যে ট্যাব, লাইন ব্রেক ব্রেক এবং হোয়াইট স্পেস কিভাবে হ্যন্ডেল হবে তা সেট অথবা রিটার্ন করে। | ১ |
| width | একটি এলিমেন্টের Width সেট অথবা রিটার্ন করে। | ১ |
| wordBreak | non-CJK স্ক্রিপ্ট এর জন্য লাইন ব্রেকিং রুল সেট অথবা রিটার্ন করে। | ৩ |
| wordSpacing | একটি টেক্সটে শব্দের মধ্যে স্পেস সেট অথবা রিটার্ন করে। | ১ |
| wordWrap | ভাঙ্গা যাবে না এমন শব্দ কে ভেঙ্গে এবং মোডিয়ে পরবর্তী লাইনেে নিয়ে যায়। | ৩ |
| widows | একটি এলিমেন্টের জন্য সর্বনিম্ন সংখ্যক লাইন সেট অথবা রিটার্ন করে, যা অবশ্যই একটি পেইজের উপড়ে দৃশ্যমান হবে । | ২ |
| zIndex | একটি পজিশন এলিমেন্টে স্ট্যাক অর্ডার সেট অথবা রিটার্ন করে। | ২ |