Jak przesunąć obraz w CSS

Możesz układać swoją witrynę i zmienić odpowiednie zdjęcia za pomocą arkuszy stylów kaskadowych (CSS). W przypadku takich miejsc pracy CSS zapewnia różnorodne alternatywy. CSS, na jego podstawie, obejmuje także szeroką gamę formatów i rodzajów obrazów, w tym raster jako JPEG, wektor, taki jak SVG, kombinacja i zdjęcia bez życia.

Istnieje kilka technik ustawienia obrazu, takich jak wykorzystanie właściwości pozycji obiektu lub właściwości pływaków. W tym artykule omówimy obie te techniki z praktycznie zaimplementowanymi przykładowymi kodami.

Wykorzystanie właściwości pozycji obiektowej

Właściwość pozycji obiektowej ustawia współrzędne X i Y dla lokalizacji elementu obrazu w jego kontenerze treści. Domyślna wartość pozycji obiektu, gdy wywołuje atrybut obiektu, wynosi 50%. W rezultacie wszystkie grafiki są domyślnie umieszczone na środku odpowiedniego kontenera treści. Korzystając z atrybutu pozycji obiektowej, możesz dostosować domyślne wyrównanie funkcji właściwości pozycji obiektu podobnie jak argument konserwacji w SVG. Aby określić zarówno rozmiary, jak i pozycję zewnętrznej grafiki zawartej w HTML, wykorzystywany jest atrybut pozycji obiektowej. W szczególności zdjęcia zawarte w znaczniku mogą być również używane na innych rodzajach podstawionych komponentów, takich jak