5 Egyszerű és hasznos tulajdonságok css, css-trükkök oroszul

előző ◈ a következő

5 egyszerű és hasznos CSS funkciók

Ebben a cikkben a CSS öt hasznos tulajdonságát fogom lefedni, amelyek természetesen tudják, de talán már elfelejtették. Nem fogok beszélni a CSS3 csodálatos tulajdonságairól. Megmondom a 2. szabvány következő CSS tulajdonságait: klip. min-magasság. white-space. kurzor és kijelző. Ezeket a tulajdonságokat szinte minden böngésző támogatja.

A klip tulajdonsága lehetővé teszi, hogy csak egy bizonyos négyszögletes elemet jelenítsen meg. Ennek eléréséhez abszolút pozícionálás szükséges ehhez az elemhez (pozíció: abszolút;). Ezután adja meg a felső értékeket. jobbra. alul és balra a klip tulajdonsághoz képest.

Ez a példa a CSS CSS tulajdonságának példáját mutatja. Először telepítjük a konténer elemet

relatív pozícionálás. Aztán beállítottuk az img. amely abszolút ebben a konténer tulajdonságpozícióban van, és ennek megfelelően egy téglalapra írunk értékeket, amellyel a képet a klip tulajdonságban rögzítjük.

Használja a klipet a méretezéssel együtt.

Ebben a példában meg szeretném mutatni, hogyan lehet átméretezni egy képet, majd vágja le. Az eredeti képem téglalap alakú. 2 alkalommal szeretnék csökkenteni. Tehát a szélesség és a magasság tulajdonságait használom egy adott mérethez és a klip tulajdonság használatához. Mivel azt szeretném, hogy a képem négyzet legyen, nem állítottam nulla a kliphez. és a baloldali, ugyanolyan értékű képet is mozgatom. Egy példa tisztázza a helyzetet:

Kapcsolódó cikkek

előző ◈ a következő