Border stílusú tulajdonság a css - ben, vagy hogyan lehet vonzóbbá tenni webhelyét

Nem titok, hogy a webdesign a programozó egyik legfontosabb feladata. Végül is ez az első benyomás, amelyet a felhasználó egy olyan weboldal megtekintésekor kap, amely általános elképzelést és véleményt alkot az erőforrásról.

Web tervezők szembe egy fontos feladat, amely az, hogy hozzon létre egy világos, egyszerű, de a "ugyanakkor fülbemászó" a weboldal tervezéséhez. A HTML oldalak szép megjelenése érdekében a CSS-ben különböző tulajdonságokat használnak: border style és még sokan mások. A megfelelő használatról és alkalmazásról, és ebben a cikkben tárgyaljuk.

Border stílus a CSS-ben

Ennek a tulajdonságnak a használata minden olyan objektumra vonatkozik, amely egy weboldalon található. A különböző tárgyak határstílusának kialakítására szolgál. Fontos megjegyezni, hogy a szegély mindkét oldalának megadható a saját attribútuma, ha a szegély stílus tulajdonságának CSS-be írásakor a stílus helyett az egyik oldalt adja meg: felső, alsó, bal, jobb. Ezek a felső, az alsó, a bal, illetve a jobb határokat jelentik.

Maga a szegély stílus tulajdonság a CSS-ben a következő értékek egyikét adhatja meg, amelyek az alábbi képen láthatók.

A programozó megváltoztathatja a határok vastagságát vagy margóit a szövegből. Az is lehetséges a szín megváltoztatása a border style color tulajdonság használata a CSS-ben. Az alábbiakban különféle lehetőségek vannak az 1, 3, 5, 7, 9 Pixel vastagságú határokra.

Tulajdonságok kombinálása

Érdemes figyelem a következőkre, hogy a szegély tulajdonságai göndör zárójelekkel kombinálhatók egymással. Ehhez be kell írnia azokat a tulajdonságértékeket, amelyeket a CSS-ben a szegély stílushoz szeretne beállítani. Ne feledje, hogy ha kihagyott néhány tulajdonságot, de nem adta meg őket, akkor alapértelmezés szerint be vannak állítva.

CSS: border stílus az asztalhoz

Különös figyelmet kell fordítani egy olyan címkére, mint a táblázat, amely segít táblázatok létrehozásában a weboldalakon. Annak érdekében, hogy az összes fenti tulajdonságot a táblázatcellákra, nevezetesen a határaikra alkalmazzuk, speciális border-collapse tulajdonságra van szükség. Miért van szüksége külön tulajdonságra, amely kizárólag a táblákra vonatkozik? Minden sokkal egyszerűbb, mint az első pillantásra. Ha a táblázat minden cellájához külön kontúrt hoz létre, két jelentős hátrány merül fel:

• Ha sok sejt van a táblázatban, akkor sok időt vesz igénybe, és jelentősen növeli a kód súlyát;
• Amikor a táblázat minden celláját külön-külön megtervezi, a szomszédos cellák határai átfedik egymást, ami szintén növeli a kód súlyát, és nem is tűnik nagyon vonzónak.

Így az összeomlás egyszerű szavakkal segít, ", ragasztani" közös határok. Milyen értékeket vehet fel ez a tulajdonság a táblázatokban? A lehetséges opciókat az alábbiakban soroljuk fel:

• összeomlás - van egy vonal a sejtek között. A sejtek "ragasztott"együtt ;
• külön-minden sejt egy bizonyos keretet képez maga körül, elválasztva más celláktól;
• öröklés-ennek az attribútumnak az alkalmazásakor az érték öröklődik az előzőektől.

Következtetés

Reméljük, hogy cikkünk hasznosnak bizonyult, és érdekes volt olvasni. Ne feledje, hogy a webhely vizuális összetevője a legfontosabb tényező, amely befolyásolja annak további fejlődését és promócióját. Az eredeti és emlékezetes design mindig rezonál a közönséggel, és javítja a jelenléti adatokat.