Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Właściwość CSS background-clip

Definicja stylu, przeznaczenie i użycie background-clip

Właściwość background-clip określa, jak daleko powinno rozciągać się tło (kolor lub obraz) w elemencie, background-clip definiuje sposób przycięcia tła interesującego nas elementu HTML.

Wartości właściwości background-clip

Wartość Opis
border-box Domyślnie. Tło rozciąga się za obramowaniem.
padding-box Tło rozciąga się do wewnętrznej krawędzi obramowania. Zostanie przycięte do obszaru wyznaczonego przez zewnętrzne krawędzie marginesów wewnętrznych elementu HTML.
content-box Tło rozciąga się do krawędzi pola zawartości, zostanie ono przycięte do obszaru wyznaczonego przez rozmiar obszaru zawartości elementu HTML.
initial Ustawia tę właściwość na jej wartość domyślną
inherit Dziedziczy tę właściwość z elementu nadrzędnego

Składnia CSS background-clip

background-clip: border-box | padding-box | content-box | initial | inherit;

Wsparcie przeglądarek dla właściwości background-clip

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
background-clip 4.0 9.0 4.0 3.0 10.5

Przykładowe zastosowania właściwości background-clip

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
background-clip:

 
Rezultat:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Kod CSS:
#myDIV {
padding: 15px;
border: 10px dotted #000000;
background-color: yellow;
background-clip:border-box;
}
 

 

Przykłady właściwości background-clip

background-clip: padding-box;

background-clip: content-box;

background-clip: border-box;

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Obszar działalności
Tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel.: +48 780 060 995, pon. - czw. 8:00 - 16:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności

Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00