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

cssszelektor {
  outline: vastagság típus szín;
}

A tulajdonságok sorrendje nem számít.

Példa . Csak outline

html<div id="elem"></div>

css#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:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Lásd még