Border-left-width

A Web-fejlesztés Szemantikus wiki wikiből

CSS attribútum neve Border-left-width
Értékek (CSS attribútum) thin, medium, thick, length, inherit
Kezdőérték (CSS attribútum) medium
A CSS attribútum mely elemeknél használható összes elem
Öröklött (CSS attribútum) N
A százalékos megadás mire vonatkozik? (CSS attribútum) Nincs értelmezve
Média (CSS attribútum) visual
Számított érték (CSS attribútum) abszolút hosszúság; '0', ha a border-style 'none' vagy 'hidden'
Források (CSS attribútum) http://www.w3.org/TR/CSS21/propidx.html
Mi hivatkozik erre az oldalra?

Mi hivatkozik erre    
Elemek szűrése beillesztések elrejtése | linkek elrejtése | átirányítások elrejtése

Border-left-width: erre a lapra egyetlen más lap sem hivatkozik.


Tartalomjegyzék

Leírás

A border-left-width segítségével a bal oldalon lévő keret szélességét állíthatjuk be.


Forráskód (Bal oldali keret szélességének beállítása heading tag-nél)

Forráskód:

<css>
    h2.first {
        border-style: solid;
        border-left-width: 5px;
    }
    h2.second {
        border-style: solid;
        border-left-width: 10px;
    }
    h2.third {
        border-style: solid;
        border-left-width: 30px;
    }
</css>
	<html>
		<h2 class="first"> Címsor2 5px széles bal oldali kerettel. </h2>
		<h2 class=second"> Címsor2 10px széles bal oldali kerettel. </h2>
		<h2 class="third"> Címsor2 30px széles bal oldali kerettel. </h2>
                </html>
Forráskód magyarázata:
A forráskódban egy nem beágyazott stíluslapot használtunk a bal oldali keretszélesség  beállítására.

Több osztályt is létrehoztunk, hogy egy adott tag-re (jelen esetben a h2) több stílus is elérhetővé váljon. A border-style attribútummal megadtuk a keret stílusát (mivel az alapértelmezetten "none" (nincs), ezért van szükség rá). A border-left-width attribútummal pedig megadtuk a bal oldali keret szélességét. A html tag-ek között meghatároztuk, hogy melyik h2-es tag, melyik osztályba tartozik.

Forráskód eredménye:

Címsor2 5px széles bal oldali kerettel.

Címsor2 10px széles bal oldali kerettel.

Címsor2 30px széles bal oldali kerettel.


Forráskód (Bal oldali keret szélességének beállítása a p tag-nél)

Forráskód:

<css>
    p.first  {
      border-style:solid;
      border-left-width:15px;
}
    p.second  {
      border-style:double;
      border-left-width:thin;
}
</css>
	<html>
	    <p class="first">A bekezdés 15px széles bal oldali kerettel.</p>
            <p class="second">A bekezdés thin tulajdonságú bal oldali kerettel.</p>
	</html>
Forráskód magyarázata:
A forráskódban egy nem beágyazott stíluslapot használtunk a bal oldali keretszélesség  beállítására.

Több osztályt is létrehoztunk, hogy egy adott tag-re (jelen esetben a p) több stílus is elérhetővé váljon. A border-style attribútummal megadtuk a keret stílusát (mivel az alapértelmezetten "none" (nincs), ezért van szükség rá). A border-left-width attribútummal pedig megadtuk a bal oldali keret szélességét. A html tag-ek között meghatároztuk, hogy melyik p-és tag, melyik osztályba tartozik.

Forráskód eredménye:


A bekezdés 15px széles bal oldali kerettel.

A bekezdés thin tulajdonságú bal oldali kerettel.


Önellenőrző teszt (Önellenőrző teszt)

Helyesen válaszoltál, így pontokat szereztél:  
Hibásan válaszoltál, így pontok lettek levonva:
Ne vegye figyelembe a kérdések együtthatóit:

1. A border-left-width segítségével a bal oldali keret szélességét határozhatjuk meg.

Hamis.
Igaz.

2. A border-left-width alapértelmezett értéke "thin".

Hamis.
Igaz.

3. Az alábbi elemek közül melyiknél használható a border-left-width?

Bekezdés.
Címsor.
Táblázat.

A pontszámod: 0 / 0


Önellenőrző teszt (Önellenőrző teszt 2)

Helyesen válaszoltál, így pontokat szereztél:  
Hibásan válaszoltál, így pontok lettek levonva:
Ne vegye figyelembe a kérdések együtthatóit:

1. A border-left-width alapértelmezett értéke a "medium".

Hamis.
Igaz.

2. A border-left-width alapértelmezésként örökli a tulajdonságot.

Hamis.
Igaz.

3. Az alábbi elemek közül melyik lehet a border-left-width tulajdonság értéke?

thin
medium
double
thick
inherit

A pontszámod: 0 / 0


Interaktív példa (Bal oldali keret szélességének állítása heading tag-nél)

Instrukciók (interaktív példa)
A <style> </style> tag-ek közötti részben a border-left-width értékét átállítva figyelhetjük meg, hogy hogyan változik a bal oldali keret szélessége heading tag-nél.
Kód:

Interaktív példa heading tag-nél


Interaktív példa (Bal oldali keret szélességének állítása p tag-nél)

Instrukciók (interaktív példa)
A <style> </style> tag-ek közötti részben a border-left-width értékét átállítva figyelhetjük meg, hogy hogyan változik a bal oldali keret szélessége p tag-nél.
Kód:

Interaktív példa p tag-nél

Border-left-width-tényekRDF hírcsatorna
A CSS attribútum mely elemeknél használhatóösszes elem
A százalékos megadás mire vonatkozik (CSS attribútum)Nincs értelmezve +
CSS attribútum neveBorder-left-width +
Forráskód címeBal oldali keret szélességének beállítása heading tag-nél + és Bal oldali keret szélességének beállítása a p tag-nél +
Forráskód eredménye
Forráskód magyarázataA forráskódban egy nem beágyazott stílusla A forráskódban egy nem beágyazott stíluslapot használtunk a bal oldali keretszélesség beállítására.

Több osztályt is létrehoztunk, hogy egy adott tag-re (jelen esetben a h2) több stílus is elérhetővé váljon. A border-style attribútummal megadtuk a keret stílusát (mivel az alapértelmezetten "none" (nincs), ezért van szükség rá). A border-left-width attribútummal pedig megadtuk a bal oldali keret szélességét. A html tag-ek között meghatároztuk, hogy melyik h2-es tag, melyik osztályba tartozik. lyik h2-es tag, melyik osztályba tartozik. és A forráskódban egy nem beágyazott stílusla A forráskódban egy nem beágyazott stíluslapot használtunk a bal oldali keretszélesség beállítására. Több osztályt is létrehoztunk, hogy egy adott tag-re (jelen esetben a p) több stílus is elérhetővé váljon.

A border-style attribútummal megadtuk a keret stílusát (mivel az alapértelmezetten "none" (nincs), ezért van szükség rá). A border-left-width attribútummal pedig megadtuk a bal oldali keret szélességét. A html tag-ek között meghatároztuk, hogy melyik p-és tag, melyik osztályba tartozik.
elyik p-és tag, melyik osztályba tartozik.
Forráskód szövege
Források (CSS attribútum)http://www.w3.org/TR/CSS21/propidx.html
Instrukciók (interaktív példa)A <style> </style> tag-ek közötti részben a border-left-width értékét átállítva figyelhetjük meg, hogy hogyan változik a bal oldali keret szélessége heading tag-nél. és A <style> </style> tag-ek közötti részben a border-left-width értékét átállítva figyelhetjük meg, hogy hogyan változik a bal oldali keret szélessége p tag-nél.
Interaktív példa neveBal oldali keret szélességének állítása heading tag-nél + és Bal oldali keret szélességének állítása p tag-nél +
Kezdőérték (CSS attribútum)medium
Kód (interaktív példa)
Leírás (CSS attribútum)A border-left-width segítségével a bal oldalon lévő keret szélességét állíthatjuk be.
Média (CSS attribútum)visual +
Számított érték (CSS attribútum)abszolút hosszúság; '0', ha a border-style 'none' vagy 'hidden'
Teszt neveÖnellenőrző teszt + és Önellenőrző teszt 2 +
Teszt szövege
Értékek (CSS attribútum)Thin +, Medium +, Thick +, Length + és Inherit +
Öröklött (CSS attribútum)hamis +