Szöveg és háttérszín css-ben

Először nézzük meg az oldalelemek színeződéséért felelős tulajdonságokat, valamint a háttérkép használatakor használt CSS-tulajdonságokat.

A színt a CSS-ben kétféleképpen adhatja meg (további részletekért lásd itt).

Szöveg színe

A színtulajdonság az elem szövegének színét állítja be.

Például a színtulajdonság használatával beállíthatja a teljes oldal szövegének színét, az egyes bekezdések szövegének színét vagy az oldal összes bekezdését, a fejléc szövegének színét vagy egy táblázatos cellát stb.

Az ingatlan valamennyi elemre érvényes.


Szöveg színe


W Adadim a dokumentum szövegének színes szövegét.


A Hozzon létre egy olyan stílust is, amely minden egyes bekezdés első betűjére érvényes!


Egy kódrészlet a stílusokból álló fájlból:

Hozzárendelje a dokumentum szövegének színét.

És hozzon létre egy olyan stílust, amely az egyes bekezdések első betűire érvényes!

Háttérszín

A háttérszín tulajdonság az elem háttérszínének beállítására szolgál.

Az ingatlan valamennyi elemre érvényes.


Háttérszín


Állítsa be a háttérszínt.


Az aktuális oldal összes bekezdéséhez.



Állítsa be a háttérszínt.

Az aktuális oldal összes bekezdéséhez.

Háttérkép

A háttérkép tulajdonsága egy elem háttérképének beállítására szolgál.

Ha a kép kicsi (kevésbé az elem által elfoglalt hely), mindkét irányban függőlegesen és vízszintesen megismétlődik, egészen addig, amíg az az egész területet elfoglalja.

Az ingatlan valamennyi elemre érvényes.

A pingvin e bekezdés háttérképe.


A pingvin e bekezdés háttérképe.

Háttérkép ismétlése

A háttér-ismétlődő tulajdonság határozza meg azt az irányt, amelyben a háttérkép megismétlődik.

Az ismétlődő x és az ismétlődő y értékei a háttérképet vízszintesen és függőlegesen állítják be.

A nem ismétlés értéke megszakítja a kép ismétlését.

Ha a tulajdonság nincs megadva, vagy megismételt értéket ad meg. akkor a háttérképet mind függőlegesen, mind vízszintesen meg kell ismételni, amint az előző példában a háttérkép tulajdonsága látható.

Az ingatlan valamennyi elemre érvényes.

A pingvin e bekezdés háttérképe. És nem ismételjük meg!

A pingvin e bekezdés háttérképe. És nem ismételjük meg!

A háttérkép helye

A háttér pozíció tulajdonság határozza meg az elem háttérképének helyzetét a bal felső sarokban.

A kép pozíciója a kulcsszavak használatával állítható be: balra. jobbra. központ. tetején. alján. és a CSS-ben elfogadott egységekben (további részletekért lásd itt).

Az ingatlan blokk elemekre alkalmazható (további részletekért lásd itt).

Alapértelmezés szerint a háttérkép az elem bal felső sarkában található. Ezt a bekezdést elfoglaló terület alján találtam, 120 képpontot jobbra tolva.

Alapértelmezés szerint a háttérkép az elem bal felső sarkában található. Ezt a bekezdést elfoglaló terület alján találtam, 120 képpontot jobbra tolva.

A háttérkép bezárása

A háttér-csatolás tulajdonság határozza meg, hogy a háttérkép gördül-e az elem tartalmával - a görgető értékkel, vagy fix lesz - rögzítve.

Az ingatlan valamennyi elemre érvényes.

Az egyetemes tulajdon

A háttér tulajdonság egy olyan általános tulajdonság, amely lehetővé teszi, hogy egy adott elem hátterén és háttérképén egyaránt társított összes tulajdonság értékét adja meg.

Az ingatlanértékeket bármely sorrendben egy szóköz jelöli. A böngésző automatikusan meghatározza, hogy az érték az ingatlanhoz tartozik-e.

Nem szükséges minden tulajdonság értékét megadni. Az alapértelmezett tulajdonságok a nem használt tulajdonságokhoz kerülnek hozzárendelésre.

Az ingatlan valamennyi elemre érvényes.

Ehhez a bekezdéshez, a háttér tulajdonság használatával, három olyan tulajdonságot alkalmaztam, amelyek az elem hátteréhez és annak háttérképéhez kapcsolódnak, és csak az ingatlantárgy értékeket jelzik a térben. A háttérképe a pingvin. Jobbra tolódik, és nem ismétel. Az elem háttérszíne nincs megadva, és alapértelmezés szerint fehér.

Ehhez a bekezdéshez, a háttér tulajdonság használatával, három olyan tulajdonságot alkalmaztam, amelyek az elem hátteréhez és annak háttérképéhez kapcsolódnak, és csak az ingatlantárgy értékeket jelzik a térben. A háttérképe a pingvin. Jobbra tolódik, és nem ismétel. Az elem háttérszíne nincs megadva, és alapértelmezés szerint fehér.

Kapcsolódó cikkek