repeating-radial-gradient()

Parametr shape nie jest wymaganym parametrem funkcji repeating-radial-gradient(). Parametr shape określa kształt, jaki powinien posiadać nowo powstający powtarzający się gradient promienisty.

Wartość domyślna

circle (gdy dla parametru size zdecydowaliśmy się podać dokładnie jedną wartość) lub ellipse (gdy dla parametru size zdecydowaliśmy się podać dokładnie dwie wartości)

Parametr size nie jest wymaganym parametrem funkcji radial-gradient(). Parametr size określa rozmiar promienia lub promieni nowo powstającego powtarzającego się gradientu promienistego.

Dostępne wartości

dowolna nieujemna liczba wraz z wybraną jednostką absolutną lub jednostką relatywną. Procenty, lecz tylko wtedy, gdy dla parametru shape zdecydowaliśmy się podać wartość ellipse.

Sposób podawania

gdy dla parametru shape zdecydowaliśmy się podać wartość circle, wtedy należy podać dokładnie jedną wybraną wartość (wartość ta określi rozmiar promienia nowo powstającego powtarzającego się gradientu promienistego). Gdy dla parametru shape zdecydowaliśmy się podać wartość ellipse, wtedy należy podać dokładnie dwie wybrane wartości (pierwsza wartość określi rozmiar promienia na poziomej osi X nowo powstającego powtarzającego się gradientu promienistego, a druga wartość określi rozmiar promienia na pionowej osi Y nowo powstającego powtarzającego się gradientu promienistego).

Wartości procentowe

wartości procentowe liczone są względem aktualnego rozmiaru obszaru, w którym tworzy się nowo powstający powtarzający się gradient promienisty (pierwsza wartość liczona jest względem aktualnego rozmiaru szerokości wspomnianego obszaru, a druga wartość liczona jest względem aktualnego rozmiaru wysokości wspomnianego obszaru)

Wartość domyślna

farthest-corner

Parametr position nie jest wymaganym parametrem funkcji repeating-radial-gradient(). Parametr position określa miejsce, gdzie powinien znaleźć się środek nowo powstającego powtarzającego się gradientu promienistego.

Dostępne wartości

wartości pozycjonujące lub dowolna liczba wraz z wybraną jednostką absolutną lub jednostką relatywną lub procenty

Sposób podawania

po słowie kluczowym at należy podać dokładnie jedną wybraną lub dokładnie dwie wybrane wartości. Gdy podamy tylko jedną wartość, wtedy wartością domyślną drugiej wartości będzie wartość center. Pierwsza wartość odpowiada za przesunięcie środka nowo powstającego powtarzającego się gradientu promienistego w poziomie względem lewej krawędzi obszaru, w którym tworzy się nowo powstający powtarzający się gradient promienisty (wartości dodatnie przesuwają w prawo, wartości ujemne przesuwają w lewo). Druga wartość odpowiada za przesunięcie środka nowo powstającego powtarzającego się gradientu promienistego w pionie względem górnej krawędzi obszaru, w którym tworzy się nowo powstający powtarzający się gradient promienisty (wartości dodatnie przesuwają w dół, wartości ujemne przesuwają w górę).

Wartości procentowe

wartości procentowe liczone są względem aktualnego rozmiaru obszaru, w którym tworzy się nowo powstający powtarzający się gradient promienisty (pierwsza wartość liczona jest względem aktualnego rozmiaru szerokości wspomnianego obszaru, a druga wartość liczona jest względem aktualnego rozmiaru wysokości wspomnianego obszaru)

Wartość domyślna

center

Parametr color jest wymaganym parametrem funkcji repeating-radial-gradient(). Parametr color określa jeden z kolorów, który powinien tworzyć nowo powstający powtarzający się gradient promienisty.

Dostępne wartości

wybrany sposób definiowania wartości koloru w języku CSS

Wartość domyślna

brak

Parametr stop nie jest wymaganym parametrem funkcji repeating-radial-gradient(). Parametr stop określa miejsce, od którego lub do którego powinien zmieniać swoją barwę kolor, który podaliśmy przed danym parametrem stop.

Dostępne wartości

dowolna liczba wraz z wybraną jednostką absolutną lub jednostką relatywną lub procenty

Sposób podawania

wartości kolejnych ewentualnych parametrów stop należy podawać w kolejności rosnącej (jeżeli złamiemy tę zasadę przeglądarka internetowa wybierze wartość dla danego parametru stop na podstawie największej wartości któregoś z parametrów stop występującego przed danym parametrem stop). Gdy któryś z kolejnych parametrów stop będzie posiadał tą samą wartość, wtedy kolejnym kolorem tworzącym nowo powstający powtarzający się gradient promienisty będzie ten kolor, który występuje wraz z parametrem stop podanym przez nas najpóźniej.

Wartości ujemne

wartości ujemne umożliwiają rozpoczęcie tworzenia nowo powstającego powtarzającego się gradientu promienistego od nieco innego koloru (bardziej jaśniejszego lub bardziej ciemniejszego)

Wartości procentowe

wartości procentowe liczone są względem aktualnego rozmiaru nowo powstającego powtarzającego się gradientu promienistego

Wartość domyślna

wartość określona przez przeglądarkę internetową w celu równomiernego rozmieszczenia kolorów względem siebie w rozmiarze nowo powstającego powtarzającego się gradientu promienistego