সিএসএস ক্যারেট-কালার, পয়েন্টার-ইভেন্ট এবং ট্যাব-সাইজ ফর্ম ইনপুট ক্ষেত্রগুলির জন্য কিছু কম পরিচিত বৈশিষ্ট্য। ক্যারেট-কালার প্রপার্টি আমাদের ব্লিঙ্কিং ক্যারেটের রঙ নির্দিষ্ট করার অনুমতি দেয় যখন পয়েন্টার-ইভেন্ট ব্যবহারকারীদের একটি উপাদান খুঁজে পেতে বাধা দিতে সাহায্য করতে পারে। অবশেষে, ট্যাব-আকার ট্যাব দ্বারা ব্যবহৃত সাদা স্থানের পরিমাণ সেট করে।
নিম্নলিখিত উদাহরণগুলি এই বৈশিষ্ট্যগুলির কিছু চিত্রিত করে৷
৷উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
body {
display: flex;
flex-direction: column;
background-color: mistyrose;
}
p {
white-space: pre;
}
p:last-of-type {
tab-size: 32;
-moz-tab-size: 32;
pointer-events: none;
}
</style>
</head>
<body>
<p> Ut sed felis lobortis, fermentum magna vitae, imperdiet lectus.</p>
<p> Ut sed felis lobortis, <a href=#>fermentum magna vitae</a>, imperdiet lectus.</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত ফলাফল তৈরি করবে -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
form {
padding: 2%;
margin: 3%;
background-color: cadetblue;
text-align: center;
}
form:focus-within {
box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
input {
caret-color: navy;
font-size: 40px;
font-weight: large;
}
</style>
</head>
<body>
<form>
<select>
<option>.</option>
<option>..</option>
<option>...</option>
</select>
<input type="text" value="glee" />
</form>
</body>
</html> আউটপুট
এটি নিম্নলিখিত ফলাফল তৈরি করবে -
