prawy - Kurs HTML i CSS
- Pozycjonowanie CSS / Obcinanie {clip}
...zdjęcie, można użyć właściwości clip. Przykładowo, "clip: rect(0, 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...
- Pozycjonowanie CSS / Przyleganie {clear}
...wyświetlanych w bloku (block). Jako "sposób" należy podać: left - lewy bok elementu nie przylega do poprzedzającego elementu pływającego right - prawy bok nie przylega both - żaden bok nie przylega none - brak ograniczeń Polecenie pozwala ustalić pozycję elementów sąsiadujących względem elementu pływającego (np. obrazka). Określa które krawędzie elementu następującego po elemencie pływającym nie będą do niego przylegać. Polecenia pozwalające sterować przyleganiem elementów są dosyć...
- Komendy CSS3 / Model pudełkowy CSS
Źródło: CSS Box Model Module Level 3 Spis treści margin margin-bottom margin-left margin-right margin-top padding padding-bottom padding-left padding-right padding-top margin Atrybuty mieszane marginesu Wartość <'margin-top'>{1,4} Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do logicznej szerokości bloku obejmującego margin-bottom Dolny margines Wartość <length-percentage> | auto Inicjalizacja 0 Zastosowanie wszystkie...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...ramki .nazwa-klasy { padding: szerokość; } albo: .nazwa-klasy { padding-top: górny; padding-bottom: dolny; padding-left: lewy; padding-right: prawy; } Aby określić szerokość marginesu wewnętrznego bądź oddzielnie margines górny, dolny, lewy lub prawy, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 10px. Obramowanie .nazwa-klasy { border-width: grubość; border-style: styl; border-color: kolor; } Aby określić grubość obramowania, należy wpisać...
- Komendy CSS3 / Przyciąganie przewijania CSS
Źródło: CSS Scroll Snap Module Level 1 Spis treści scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start...
- Znaki specjalne HTML / ISO 8859-1 (Latin-1)
Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Nazwa Opis Objaśnienie Wygląd   Non-breaking space "Niełamliwa" spacja ¡ ¡ Inverted exclamation mark Znak odwróconego wykrzyknika ¡ ¢ ¢ Cent sign Znak centa ¢ £ £ Pound sign Znak funta £ ¤ ¤ Currency sign Znak waluty ¤ ¥ ¥ Yen sign Znak jena ¥ ¦ ¦ Broken vertical bar Przełamana pionowa...
- Znaki specjalne HTML / Symbole
W tabeli poniżej znajdziesz listę symboli tekstowych - np. używanych we wzorach matematycznych. Więcej znaków specjalnych przedstawiających różne symbole w postaci ikon piktogramów znajdziesz w rozdziale: Emotikony (emoji). Na przykład: 😀 👋 🐵 🍇 🌍 🎃 👓 🏧 🏁 i wiele więcej. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Nazwa Opis Objaśnienie Wygląd ƒ ƒ Latin small "f" with hook (function, florin) Łacińskie małe "f" z "haczykiem" (funkcja...
- Komendy HTML 4.01 / A
...x,y - współrzędne kolejnych wierzchołków wielokąta x1,y1,x2,y2 - (SHAPE="rect" - prostokąt) x1,y2 - lewy-górny wierzchołek prostokąta; x2,y2 - prawy-dolny wierzchołek DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HREF="adres" Określa lokalizację zasobu sieciowego, do którego odnosi się odsyłacz HREFLANG="język" Określa język bazowy zasobu, wyznaczonego przez atrybut HREF ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może...
- Znaki specjalne HTML / Buźki i emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Objaśnienie Wygląd Twarze uśmiechnięte 😀 Szeroko uśmiechniąta twarz 😀 😃 Uśmiechnięta twarz z otwartymi ustami 😃 😄 Uśmiechnięta twarz z otwartymi ustami i śmiejącymi się oczami 😄 😁 Szeroko uśmiechnięta twarz ze śmiejącymi się oczami 😁 😆 Uśmiechnięta twarz z...
- Komendy HTML 4.01 / AREA
...x,y - współrzędne kolejnych wierzchołków wielokąta x1,y1,x2,y2 - (SHAPE="rect" - prostokąt) x1,y2 - lewy-górny wierzchołek prostokąta; x2,y2 - prawy-dolny wierzchołek DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HREF="adres" Określa lokalizację zasobu sieciowego, do którego odnosi się odsyłacz ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym...