CSS rund kant
- Forrige side CSS kort kantegenskab
- Næste side CSS ekstern margin
CSS rund kant
border-radius Egenskaber bruges til at tilføje runde kanter til elementer:
Almindelige kanter
Runde kanter
Runde kanter
Runde kanter
Eksempel
p {
border: 2px solid red;
border-radius: 5px;
}
Flere eksempler
- Alle overkantens egenskaber i en deklaration
- Dette eksempel viser kortform properties, brugt til at sætte alle overkantens egenskaber i én deklaration.
- Indstilling af stregbunden style
- Dette eksempel viser, hvordan du kan indstille stregbunden style.
- Indstil bredden af venstre ramme
- Dette eksempel viser, hvordan du indstiller bredden af venstre ramme.
- Indstil farven på alle fire kanter
- Dette eksempel viser, hvordan du indstiller farven på alle fire kanter. Det kan have en til fire farver.
- Indstil farven på højre ramme
- Dette eksempel viser, hvordan du indstiller farven på højre ramme.
Alle CSS ramme egenskaber
| Egenskab | Beskrivelse |
|---|---|
| border | Kortegenskab, der indstiller alle ramme egenskaber i en eneste erklæring. |
| border-color | Kortegenskab, der indstiller farven for alle fire kanter. |
| border-radius | Kortegenskab, der kan indstille alle fire border-*-radius egenskaber. |
| border-style | Kortegenskab, der indstiller stilen for alle fire kanter. |
| border-width | Kortegenskab, der indstiller bredden af alle fire kanter. |
| border-bottom | Kortegenskab, der indstiller alle bunden af rammen egenskaber i en eneste erklæring. |
| border-bottom-color | Indstil farven for bunden af rammen. |
| border-bottom-style | Indstil stilen for bunden af rammen. |
| border-bottom-width | Indstil bredden af bunden af rammen. |
| border-left | Kortegenskab, der indstiller alle venstre ramme egenskaber i en eneste erklæring. |
| border-left-color | Indstil farven for venstre ramme. |
| border-left-style | Indstil stilen for venstre ramme. |
| border-left-width | Indstil bredden af venstre ramme. |
| border-right | Kortegenskab, der indstiller alle højre ramme egenskaber i en eneste erklæring. |
| border-right-color | Indstil farven for højre ramme. |
| border-right-style | Indstil stilen for højre ramme. |
| border-right-width | Indstil bredden af højre ramme. |
| border-top | Kortegenskab, der indstiller alle toppen af rammen egenskaber i en eneste erklæring. |
| border-top-color | Indstil farven for toppen af rammen. |
| border-top-style | Indstil stilen for toppen af rammen. |
| border-top-width | Indstil bredden af toppen af rammen. |
- Forrige side CSS kort kantegenskab
- Næste side CSS ekstern margin
