Xüsusiyyət outline
Xüsusiyyət outline bütün tərəflər üçün eyni vaxtda xarici çərçivə üçün (yer tutmayan sərhəd) rəng, növ
və qalınlığı təyin edir,
lakin border-dan fərqli olaraq
belə bir sərhəd elementi genişləndirmir.
outline-width,
outline-style
və outline-color
üçün qısaldılmış xüsusiyyətdir (ancaq outline-offset üçün deyil).
Sintaksis
selektor {
outline: qalınlıq növ rəng;
}
Xüsusiyyətlərin sırasının əhəmiyyəti yoxdur.
Nümunə . Yalnız outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Nümunə . Outline və border xüsusiyyətləri birlikdə
outline-dan olan sərhəd xaricdə, border-dan olan sərhəd isə daxildə olacaq:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Həmçinin bax
-
xüsusiyyət
outline-offset,
çərçivənin yerdəyişməsini təyin edir
