Przesunięcie konturu CSS
Przesunięcie konturu CSS
Właściwość outline-offsetdodaje przestrzeń między konturem a krawędzią/granicą elementu. Przestrzeń pomiędzy elementem a jego obrysem jest przezroczysta.
Poniższy przykład określa kontur 15px poza krawędzią obramowania:
Ten akapit ma obrys 15px poza krawędzią obramowania.
Przykład
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
Poniższy przykład pokazuje, że przestrzeń między elementem a jego obrysem jest przezroczysta:
Ten akapit ma zarys 15 pikseli poza krawędzią obramowania.
Przykład
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
Wszystkie właściwości konspektu CSS
| Property | Description |
|---|---|
| outline | A shorthand property for setting outline-width, outline-style, and outline-color in one declaration |
| outline-color | Sets the color of an outline |
| outline-offset | Specifies the space between an outline and the edge or border of an element |
| outline-style | Sets the style of an outline |
| outline-width | Sets the width of an outline |