outline বৈশিষ্ট্য

outline বৈশিষ্ট্য সমস্ত দিকের জন্য একই সাথে বাহ্যিক রূপরেখার (সীমানা যা জায়গা নেয় না) রঙ, প্রকার এবং প্রস্থ সেট করে, কিন্তু border থেকে ভিন্ন, এই ধরনের সীমানা উপাদানটিকে প্রসারিত করে না। এটি outline-width, outline-style এবং outline-color এর জন্য একটি সংক্ষিপ্ত রূপ বৈশিষ্ট্য (তবে outline-offset এর জন্য নয়)।

সিনট্যাক্স

cssসিলেক্টর {
  outline: প্রস্থ প্রকার রঙ;
}

মানগুলির ক্রম কোন ব্যাপার নয়।

উদাহরণ . শুধুমাত্র outline

html<div id="elem"></div>
css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

উদাহরণ . outline এবং border বৈশিষ্ট্য একসাথে

outline থেকে সীমানা বাইরে থাকবে, এবং border থেকে সীমানা ভিতরে থাকবে:

html<div id="elem"></div>
css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

আরও দেখুন

  • outline-offset বৈশিষ্ট্য,
    যা রূপরেখার অফসেট সেট করে