Az outline tulajdonság
Az outline tulajdonság megadja a színét, típusát
és vastagságát a külső keretnek (olyan szegély, amely
nem foglal helyet) minden oldalon egyszerre,
de a border-tól eltérően
egy ilyen szegély nem terjeszti ki az elemet.
A outline-width,
outline-style
és outline-color
tulajdonságok rövidítése (de nem a outline-offset
tulajdonságé).
Szintaxis
szelektor {
outline: vastagság típus szín;
}
A tulajdonságok sorrendje nem számít.
Példa . Csak outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Példa . Az outline és a border tulajdonságok együtt
Az outline-tól származó szegély kívül, a border-től
származó szegély pedig belül lesz:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Lásd még
-
a
outline-offsettulajdonság,
amely a keret eltolását határozza meg