Podręcznik CSS

Najpotrzebniejsze

rozmiar tekstu tekst kursywą tekst pogrubiony interlinia rodzina (typ) czcionki skrót dla czcionki wcięcie pierwszego wiersza wyrównanie tekstu

Rzadkie

pod- nad- przekreślenie położenie linii dekoracji tekstu typ linii dekoracji tekstu kolor linii dekoracji tekstu zmiana wielkości liter kapitaliki niestandardowa czcionka kontrola rozmiaru czcionki odstęp między literami odstęp między słowami wyrównanie ostatniej linii wyrównanie pionowe wygląd cudzysłowów kerning czcionki kolor wypełnienia znaków tekstu orientacja znaków w tekście pionowym obwódka znaków tekstu kolor obwódki znaków tekstu grubość obwódki znaków tekstu kierunek tekstu

Zawijanie

białe znaki i zawijanie zawijanie długich słów zawijanie długich słów przycięcie, paski przewijania overflow w poziomie overflow w pionie rozmiar tabulacji dodawanie wielokropka wstawianie myślników przy zawijaniu ograniczenie tekstu liczbą linii

Kolor

kolor tekstu

Obramowania

skrót dla obramowania lewe obramowanie prawe obramowanie górne obramowanie dolne obramowanie grubość obramowania typ obramowania kolor obramowania grubość lewego obramowania grubość prawego obramowania grubość górnego obramowania grubość dolnego obramowania typ lewego obramowania typ prawego obramowania typ górnego obramowania typ dolnego obramowania kolor lewego obramowania kolor prawego obramowania kolor górnego obramowania kolor dolnego obramowania

Zaokrąglenie

zaokrąglone rogi górny lewy róg górny prawy róg dolny lewy róg dolny prawy róg

Kontur

skrót dla konturu grubość konturu typ konturu kolor konturu przesunięcie konturu

Tło

właściwość-skrót dla tła kolor tła obrazek tła zachowanie tła przy przewijaniu pozycja obrazka tła sposób powtarzania tła pozycja obrazka tła pozycja tła pozycja tła w poziomie pozycja tła w pionie rozmiar obrazka tła rozmycie tła jaskrawość tła kontrastowość tła cień tła kolorystyka tła inwersja koloru tła przezroczystość tła sepia tła efekty tła nakładanie obrazka tła na kolor tła tryb nakładania źródłowego koloru na tło styl dla tła

Cienie

cień tekstu cień kontenera

Przezroczystość

przezroczystość widoczność elementów

Gradienty

liniowy radialny powtarzający się liniowy powtarzający się radialny

Przycinanie

przycinanie tworzy obszar przycinania dla elementu skrócona właściwość do pracy z maskami określa położenie maski względem elementu ustawia obrazek dla maski określa jak maska oddziałuje z tłem określa rozmiar maski określa powtarzanie maski określa obszar pozycjonowania maski określa obszar przycinania maski określa jak kilka masek się łączy

Obraz obramowania

obramowanie w postaci obrazka ścieżka do obrazka obramowania podział obrazka dla obramowania na części sposób powtarzania obrazka obramowania przesunięcie obrazka obramowania skalowanie obrazka obramowania

Praca z myszką

zaznaczenie tekstu zakaz zaznaczania tekstu reakcja na mysz wygląd kursora

Styl

pierwszeństwo stylu styl dla typu nośnika styl elementów, których możliwości są wspierane przez przeglądarkę import pliku CSS do aktualnej arkusza stylów styl elementów domyślnych styl elementów w trybie pełnoekranowym styl elementów z zadanym zakresem wartości styl dla przełączników, które znajdują się w stanie nieokreślonym styl dla inputa, do którego wprowadzono nieprawidłową wartość styl dla inputa, który nie ma atrybutu required styl elementów, których wartości wykraczają poza zakres styl elementów przy wyświetlaniu tekstu-podpowiedzi styl inputów z atrybutem readonly styl inputów dostępnych do zmiany styl dla inputa, który ma ustawiony atrybut required styl dla inputów, do których wprowadzono prawidłową wartość kolor kursora tekstowego w inpucie styl elementów w fokusie przewijanie wewnątrz elementu

Listy

typ znaczników listy pozycja znaczników obrazek dla znaczników skrót dla list

Tabele

łączenie obramowań odstęp między komórkami wyświetlanie pustych komórek obliczanie komórek tabeli

Linki

link przed odwiedzeniem odwiedzony link najechanie na link kliknięcie linku

Formularze

input w fokusie podpowiedź w inputcie zaznaczony checkbox lub radio nieaktywny input aktywny input

Wymiary

szerokość bloku wysokość bloku minimalna szerokość maksymalna szerokość minimalna wysokość maksymalna wysokość

Marginesy

margines zewnętrzny margines zewnętrzny z góry margines zewnętrzny z dołu margines zewnętrzny z lewej margines zewnętrzny z prawej margines wewnętrzny margines wewnętrzny z góry margines wewnętrzny z dołu margines wewnętrzny z lewej margines wewnętrzny z prawej końcowy margines wewnętrzny elementu wzdłuż osi blokowej startowy margines wewnętrzny elementu wzdłuż osi blokowej końcowy margines wewnętrzny elementu wzdłuż osi wierszowej startowy margines wewnętrzny elementu wzdłuż osi wierszowej

Różne

sposób obliczania padding, border i width sposób wyświetlania elementów zmiana rozmiaru proporcje elementu skalowanie elementów

Obliczenia

operacje matematyczne ograniczenie wartości w zakresie minimalna z wartości maksymalna z wartości

Jednostki miar

rozmiar w pikselach rozmiar w em rozmiar w rem rozmiar w procentach rozmiar we frakcjach rozmiar w vw rozmiar w vh rozmiar w vmax rozmiar w vmin

Flexbox

kierunek osi wyrównanie wzdłuż osi głównej wyrównanie wzdłuż osi poprzecznej wielowierszowe rozmieszczenie bloków skrót dla flex-direction i flex-wrap wyrównanie bloku wzdłuż osi poprzecznej kolejność rozmiar bazowy bloku "zachłanność" bloku współczynnik "ściśliwości" bloku skrót dla flex-grow, flex-shrink i flex-basis

Grid

pozycja początkowa elementu w kolumnie pozycja końcowa elementu w kolumnie pozycje początkowa i końcowa elementu w kolumnie pozycja początkowa elementu w wierszu pozycja końcowa elementu w wierszu pozycje początkowa i końcowa elementu w wierszu liczba i szerokość kolumn w gridzie liczba i szerokość kolumn w niejawnym gridzie liczba i szerokość wierszy w gridzie liczba i szerokość wierszy w niejawnym gridzie rozmieszczenie elementów w gridzie nazwa elementu w gridzie odstęp między elementami w gridzie odstęp między wierszami w gridzie odstęp między kolumnami w gridzie skrócona notacja właściwości siatki automatyczne rozmieszczenie elementów w siatce liczba i szerokość kolumn i wierszy dla elementu wyrównanie wzdłuż osi poprzecznej lub pionowej wyrównanie elementów wewnątrz komórek grida wzdłuż osi poziomej wyrównanie elementów wewnątrz komórek grida wyrównanie pojedynczego elementu w gridzie wzdłuż osi poziomej wyrównanie pojedynczego elementu w gridzie wyrównanie wzdłuż osi głównej i poprzecznej

Pozycjonowanie

pozycjonowanie pozycja wzdłuż osi Z pozycjonowanie za pierwszym elementem pozycja dolnej krawędzi elementu pozycja górnej krawędzi elementu pozycja lewej krawędzi elementu pozycja prawej krawędzi elementu pozycja tytułu tabeli

Opływanie

elementy pływające anuluje float dla elementów nadrzędnych definiuje kształt opływania margines przy opływaniu

Kolumny

liczba kolumn odstęp między kolumnami obramowanie między kolumnami szerokość kolumn rozciąganie elementu na kolumny szerokość i liczba kolumn

Negacja

negacja

Według pozycji

pierwsze dziecko rodzica ostatnie dziecko rodzica n-te dziecko rodzica n-te dziecko rodzica od końca jedynak rodzica

Według typu i pozycji

pierwszy element danego typu u rodzica ostatni element danego typu u rodzica n-ty element danego typu u rodzica n-ty element danego typu u rodzica od końca jedyny element danego typu u rodzica

Różne

pusty element według języka tekstu element docelowy

Część tekstu

pierwsza litera pierwsza linia tekstu

Płynne przejścia

czas trwania opóźnienie przed wykonaniem animowana właściwość prędkość animacji właściwość-skrót

Animacja

klatki kluczowe animacji nazwa animacji czas trwania opóźnienie przed wykonaniem prędkość animacji liczba powtórzeń kierunek animacji stan animacji pauza właściwość-skrót

Transformacje

transformacja punkt transformacji

Obrót

obrót obrót wzdłuż osi X obrót wzdłuż osi Y obrót wzdłuż osi Z obrót wzdłuż wszystkich osi

Skalowanie

skalowanie skalowanie wzdłuż osi X skalowanie wzdłuż osi Y

Pochylenie

pochylenie pochylenie wzdłuż osi X pochylenie wzdłuż osi Y

Przesunięcie

przesunięcie przesunięcie wzdłuż osi X przesunięcie wzdłuż osi Y

Wstawianie tekstu

tekst po elemencie tekst przed elementem tekst dla after i before zawartość atrybutu

Liczniki

automatyczna numeracja elementów resetowanie licznika

Selektory

selektor kontekstowy selektor potomka selektor sąsiedniego elementu selektor rodzeństwa selektor uniwersalny

Selektory

selektor po nazwie atrybutu selektor po wartości atrybutu selektor po początku wartości atrybutu selektor po końcu wartości atrybutu selektor atrybutu po tekście selektor po jednej z wartości atrybutu selektor atrybutu po myślniku w wartości
↑
Polski▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć