obraz - Kurs HTML i CSS
Ikony (symbole) / Akcje interfejsu użytkownika...expansion_panels Dialogi dialogs dialogs Lista pacjentów patient_list patient_list Otwórz lewy panel left_panel_open left_panel_open Obraz w obrazie pip pip Zmień rozmiar resize resize Układ responsywny responsive_layout responsive_layout Pasek narzędzi toolbar toolbar Wskaźnik zegarowy 90 clock_loader_90 clock_loader_90 Podświetl kursor myszy highlight_mouse_cursor highlight_mouse_cursor Szewron naprzód chevron_forward chevron_forward Udostępnij okna share_windows share_windows...
- Ikony (symbole) / Audio i wideo
...Naklejki AR ar_stickers ar_stickers Przewiń do przodu (koło) forward_circle forward_circle Aparat słuchowy hearing_aid hearing_aid Zamień obraz replace_image replace_image Szybkość 2x speed_2x speed_2x Wybierz do mówienia select_to_speak select_to_speak Informacje o filmie movie_info movie_info Pełne HD full_hd full_hd Alert mikrofonu mic_alert mic_alert Dodaj tylną kamerę wideo video_camera_back_add video_camera_back_add 2D 2d 2d AVC avc avc Podziel scenę split_scene...
- Multimedia HTML / Obrazek HTML <img>
...<img src="ścieżka dostępu" alt="Tekst alternatywny"> gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej). Informacja alternatywna jest przydatna w przeglądarkach, które nie wyświetlają grafiki lub kiedy użytkownik...
- Ikony (symbole) / Ikony do pobrania
...ikon, które możesz pobrać i wykorzystać w swoich projektach: Akcje interfejsu użytkownika Społecznościowe Typowe akcje Komunikacja Zdjęcie i obraz Biznes i płatności Mapy Formatowanie tekstu Audio i wideo Transport Aktywności Sprzęt Android Prywatność i bezpieczeństwo Podróż Gospodarstwo domowe Dom Sztuczna inteligencja (AI) Marka Możesz również szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora, który jest załączony poniżej. Kolorowe emotikony do...
Obramowanie CSS / Atrybuty mieszane obramowania {border}...Aby stworzyć ramkę wokół zdjęcia (<img>) w CSS, można użyć właściwości border i określić grubość, styl i kolor obramowania. Na przykład: <img src="obraz.jpg" style="border: 2px solid black" alt="Zdjęcie"> tworzy czarną ramkę o grubości 2 pikseli wokół obrazka.
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
...rogi w zdjęciu? Aby zaokrąglić rogi w zdjęciu (<img>) w CSS, użyj właściwości border-radius i określ promień zaokrąglenia. Przykład: <img src="obraz.jpg" style="border-radius: 50%" alt="Zdjęcie"> zaokrągli rogi zdjęcia na pół obrazu, tworząc efekt zaokrąglonego wycinka.
- Obramowanie CSS / Cień {box-shadow}
...rgba(0, 0, 0, 0.3);" dodaje cień z przesunięciem 3 piksele poziomo i pionowo, rozmyciem 5 pikseli i kolorystyką szaro-czarną. Jak zrobić cień z obrazka? Aby dodać cień do obrazka (<img>) w CSS, można użyć właściwości box-shadow. Przykład: <img src="obraz.jpg" style="box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5)" alt="Obrazek"> dodaje cień o przesunięciu 5 pikseli poziomo i pionowo, rozmyciu 10 pikseli oraz kolorystyce szaro-czarnej.
- Pozycjonowanie CSS / Obcinanie {clip}
...100px, 100px, 0)" określa obszar do przycięcia, gdzie wartości to kolejno: górny, prawy, dolny i lewy margines przycinania. Jak wyciąć fragment obrazu w CSS? Aby wyciąć fragment obrazu w CSS, używa się właściwości clip. Na przykład, jeśli mamy obraz o wymiarach 200 pikseli na 200 pikseli, i chcemy wyciąć jego górny lewy kwadratowy fragment o wymiarach 50 pikseli na 50 pikseli, możemy to zrobić następująco: "clip: rect(0, 50px, 50px, 0)". Ta deklaracja clip określa obszar, który ma być...
- Jednostki CSS / Rozdzielczość
...Opera, Chrome oraz Internet Explorer z wyjątkiem dppx) Jednostki rozdzielności określają wielkość pojedynczej "plamki" w graficznej reprezentacji obrazu, wskazując ile takich plamek zmieści się na długości odpowiednio: 1in, 1cm lub 1px. Używane są np. do ustawiania jakości wydruku - im większa rozdzielczość, tym bardziej szczegółowy obraz. Jednostkami rozdzielności są: dpi - plamki na cal (ang. dots per inch) dpcm - plamki na centymetr (ang. dots per centimeter) dppx - plamki na piksel...