CSS
HTML
COMPONENTS
CODE HUB
CSS Border Generátor
Konfiguráció
Szegély szélessége: 5px
Típus
Szegély színe
#000000
Osztály
Előnézet
Kód
border: 5px solid #000000;Learn to Code with Lara
Master programming concepts step-by-step with your interactive AI tutor. Lara explains complex logic, reviews your practice exercises, and helps you build a solid foundation in software development.
Interactive coding lessons tailored to your own pace.
Start learning with LaraCSS Border Generátor
A CSS-ben a "border" tulajdonsággal vagy annak egyes altulajdonságaival kereteket alkalmazhat a HTML-elemekre. A határokat arra használják, hogy vizuális határokat hozzanak létre az elemek, például div-ek, bekezdések vagy képek körül.
A border tulajdonság lehetővé teszi több "border" tulajdonság beállítását egyetlen deklarációban. Három fő részből áll:
- "border-width" Megadja a keret szélességét.
- "border-style" Megadja a keret stílusát (pl. egyszínű, szaggatott, szaggatott, pontozott).
- "border-color " Megadja a keret színét.
Íme egy példa arra, hogyan használhatja a "border" tulajdonságot, hogy egyszínű fekete keretet hozzon létre egy elem körül:
.border-element {
border: 2px solid #000000;
}
ebben a példában:
- A ".border-element " osztály egy 2 pixel széles, egyszínű fekete keretet alkalmaz az elemre.
Az egyes szegélytulajdonságokat külön is megadhatja, ha a szegély egyes aspektusait jobban szeretné ellenőrizni:
.border-individual-element {
border-width: 3px;
border-style: dashed;
border-color: #FF0000;
}Ebben az esetben:
- A ".border-individual-element " osztály egy 3 pixel széles, szaggatott piros keretet állít az elem köré.
A "border" tulajdonságot és annak egyes altulajdonságait testreszabhatja, hogy különböző szegélystílusokat, szélességeket és színeket hozzon létre a HTML-elemek számára, lehetővé téve a kívánt vizuális hatások és esztétikai megjelenés elérését.