HTML-i ja CSS-i kasutades veebiarenduses on ülioluline võimalus manipuleerida veebilehel olevate elementide välimusega. Üks viis selle saavutamiseks on elemendile äärise lisamine. CSS-is kasutatakse piiri atribuuti elemendi piiri määramiseks ja see võimaldab teil määrata piiri suuruse.
Piiri suuruse lisamiseks CSS-is saate kasutada atribuuti border-width. See atribuut võimaldab teil määrata äärise laiuse erinevates ühikutes, nagu pikslid, ems, rems või protsendid. Piirilaiuse atribuuti saab rakendada elemendi äärise üksikutele külgedele (ülemine, parem, alumine ja vasak) või kõikidele külgedele korraga.
Siin on näide selle kohta, kuidas saate atribuuti border-width kasutada elemendile äärise suuruse lisamiseks.
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
Esimeses näites on piirilaiuse atribuudiks seatud 2 pikslit, mis rakendab elemendi kõikidele külgedele sama äärise laiust. Teises näites on äärise laiuse atribuudiks seatud 2 pikslit ülemise külje jaoks, 4 pikslit parema poole jaoks, 6 pikslit alumise külje jaoks ja 8 pikslit vasaku poole jaoks. See võimaldab luua elemendi ümber ebaühtlase äärise.
Oluline on märkida, et piirde laiuse atribuut üksi ei näita äärist nähtavalt, välja arvatud juhul, kui määrate ka äärise stiili ja äärise värvi atribuute. Piiri stiili atribuut määrab äärise stiili, näiteks ühtlane, katkendlik, punktiirjoon jne, samas kui atribuut äärise värv määrab äärise värvi.
Siin on näide, mis ühendab äärise laiuse, ääriste stiili ja äärise värvi omadused:
Selles näites määrab atribuut border-width äärise laiuseks 2 pikslit, atribuut border-style määrab stiiliks ühtlane ja atribuut border-color määrab värvi punaseks. See loob elemendi ümber ühtlase punase äärise.
Piiri suuruse lisamiseks CSS-is saate kasutada atribuuti border-width. See omadus võimaldab määrata äärise laiuse erinevates ühikutes ja seda saab rakendada elemendi üksikutele külgedele või kõikidele külgedele. Ärge unustage määratleda ka äärise stiili ja äärise värvi atribuudid, et ääris oleks nähtav.
Mis saab CSS-i äärise suuruse lisamisest?
HTML-i ja CSS-i kasutades veebiarenduses on ülioluline võimalus manipuleerida veebilehel olevate elementide välimusega. Üks viis selle saavutamiseks on elemendile äärise lisamine. CSS-is kasutatakse piiri atribuuti elemendi piiri määramiseks ja see võimaldab teil määrata piiri suuruse.
Piiri suuruse lisamiseks CSS-is saate kasutada atribuuti border-width. See atribuut võimaldab teil määrata äärise laiuse erinevates ühikutes, nagu pikslid, ems, rems või protsendid. Piirilaiuse atribuuti saab rakendada elemendi äärise üksikutele külgedele (ülemine, parem, alumine ja vasak) või kõikidele külgedele korraga.
Siin on näide selle kohta, kuidas saate atribuuti border-width kasutada elemendile äärise suuruse lisamiseks.
Esimeses näites on piirilaiuse atribuudiks seatud 2 pikslit, mis rakendab elemendi kõikidele külgedele sama äärise laiust. Teises näites on äärise laiuse atribuudiks seatud 2 pikslit ülemise külje jaoks, 4 pikslit parema poole jaoks, 6 pikslit alumise külje jaoks ja 8 pikslit vasaku poole jaoks. See võimaldab luua elemendi ümber ebaühtlase äärise.
Oluline on märkida, et piirde laiuse atribuut üksi ei näita äärist nähtavalt, välja arvatud juhul, kui määrate ka äärise stiili ja äärise värvi atribuute. Piiri stiili atribuut määrab äärise stiili, näiteks ühtlane, katkendlik, punktiirjoon jne, samas kui atribuut äärise värv määrab äärise värvi.
Siin on näide, mis ühendab äärise laiuse, ääriste stiili ja äärise värvi omadused:
Selles näites määrab atribuut border-width äärise laiuseks 2 pikslit, atribuut border-style määrab stiiliks ühtlane ja atribuut border-color määrab värvi punaseks. See loob elemendi ümber ühtlase punase äärise.
Piiri suuruse lisamiseks CSS-is saate kasutada atribuuti border-width. See omadus võimaldab määrata äärise laiuse erinevates ühikutes ja seda saab rakendada elemendi üksikutele külgedele või kõikidele külgedele. Ärge unustage määratleda ka äärise stiili ja äärise värvi atribuudid, et ääris oleks nähtav.
Muud hiljutised küsimused ja vastused selle kohta HTML-i ja CSS-i edendamine:
Vaadake rohkem küsimusi ja vastuseid jaotisest Edasiminek HTML-is ja CSS-is
Veel küsimusi ja vastuseid: