Na HTML stranicama ivica se može koristiti za isticanje dijela teksta ili za zatvaranje bilo kojeg drugog HTML elementa.
Okvir se može izgraditi oko bilo kojeg teksta na vašoj web stranici pomoću HTML-a i CSS -a, kao što je dolje prikazano.
Koristili smo crvenu ivicu da priložimo odlomak u donjem primjeru.
<p style="border:5px; border-style:solid; border-color:#FF0000; padding: 1.5em;">Prvi primjer s tekstom okruženim crvenim rubom.<br>Ovaj primjer također ima više redaka.</p>Stil definira veličinu obruba (px skraćeno od piksela), vrstu stila i boju obruba u gornjem kodu.
Stil obruba odnosi se na to kako se pojavljuje na ekranu.
Tačkasti, isprekidani, dvostruki, žljebovi, grebeni, umetci i početak primjeri su drugih obruba.
Boja obruba određuje boju koju želite da bude.
Kod boje #FF0000, koji je kod boje za crvenu boju, korišten je u gornjem uzorku.
Korištenje CSS-a za definiranje stila
Inline CSS se takođe može koristiti za kontrolu izgleda komponenti na veb stranici.
Ugrađeni CSS definiran je u elementu <head></head> u vašem HTML dokumentu.
Možete također navesti CSS u zasebnoj datoteci s nastavkom .css.
Zatim možete povezati ovu datoteku sa bilo koje HTML stranice, a CSS stilovi će biti dostupni svim komponentama u tom dokumentu.
Na primjer, donji CSS kôd stvara novu klasu pod nazivom “primjerbordera” koja se može primijeniti na bilo koju drugu HTML oznaku.
<style>
.primjerbordera {
border-style:solid;
border-color:#FF0000;
}
</style>Ako želite koristiti gornji kôd za primjenu ovog obruba na HTML odlomak, stavite nešto poput primjera u nastavku.
<p class="primjerbordera">Here is an example of a border created using CSS</p>