বৈশিষ্ট্য outline-style
outline-style বৈশিষ্ট্যটি
বাহ্যিক রূপরেখার স্টাইল নির্ধারণ করে
- একটি সীমানা যা কোন জায়গা দখল করে না।
সিনট্যাক্স
সিলেক্টর {
outline-style: মান;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
solid |
একটি অবিচ্ছিন্ন রেখা। |
dotted |
বিন্দু আকারে রূপরেখা। |
dashed |
ড্যাশ আকারে রূপরেখা। |
ridge |
উত্তল রেখা আকারে রূপরেখা। |
double |
দ্বি-রেখা আকারে রূপরেখা।
প্রভাব দেখতে হলে রূপরেখার পুরুত্ব অন্তত 3px হতে হবে।
|
groove |
অবতল রূপরেখা। |
inset |
ধসে যাওয়া রূপরেখা। |
outset |
উত্তল রূপরেখা। |
none |
কোনো রূপরেখা নেই। |
ডিফল্ট মান: none।
উদাহরণ . solid মান
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: solid;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . dotted মান
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dotted;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . dashed মান
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dashed;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . ridge মান
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: ridge;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . double মান
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: double;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . groove মান
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: groove;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . inset মান
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: inset;
outline-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ . outset মান
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: outset;
outline-color: black;
width: 300px;
height: 100px;
}
:
আরও দেখুন
-
outline-colorবৈশিষ্ট্য,
যা রূপরেখার রং নির্ধারণ করে -
outline-widthবৈশিষ্ট্য,
যা রূপরেখার পুরুত্ব নির্ধারণ করে -
outlineবৈশিষ্ট্য,
যা রূপরেখার জন্য একটি সংক্ষিপ্ত বৈশিষ্ট্য -
outline-offsetবৈশিষ্ট্য,
যা রূপরেখার অফসেট নির্ধারণ করে