wstawianie stylów - Kurs HTML i CSS
Marginesy CSS / Lewy margines {margin-left}selektor { margin-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić lewy margines dla danego elementu, a więc np. dodatkową odległość od lewego brzegu strony. Przykład {margin-left} To jest akapit z lewym marginesem margin-left: 4cm i dlatego jest oddalony od lewej...
- Marginesy CSS / Prawy margines {margin-right}
selektor { margin-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić prawy margines dla danego elementu, a więc np. dodatkową odległość od prawego brzegu strony. Przykład {margin-right} To jest akapit z prawym marginesem margin-right: 4cm i dlatego jest oddalony od...
- Marginesy CSS / Dolny margines wewnętrzny {padding-bottom}
...padding-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-bottom} Tekst w tej komórce tabeli jest oddalony od dolnego brzegu obramowania o 1cm (padding-bottom: 1cm)
- Marginesy CSS / Lewy margines wewnętrzny {padding-left}
...{ padding-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-left} Tekst w tej komórce tabeli jest oddalony od lewego brzegu obramowania o 2cm (padding-left: 2cm)
- Marginesy CSS / Prawy margines wewnętrzny {padding-right}
...{ padding-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-right} Tekst w tej komórce tabeli jest oddalony od prawego brzegu obramowania o 2cm (padding-right: 2cm)
- Obramowanie CSS / Kolor obramowania {border-...-color}
...selektor { border-right-color: kolor } We wszystkich przypadkach jako "kolor" należy podać definicję koloru. [Zobacz także: Wstawianie stylów] Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-top-color} border-top-color: red; border-top-style: solid
- Obramowanie CSS / Szerokość obrysu {outline-width}
selektor { outline-width: szerokość } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać: thin - cienki obrys medium - średni obrys thick - gruby obrys lub konkretną wartość w jednostkach długości UWAGA! Należy jednocześnie podać styl obrysu. Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-width}...
- Obramowanie CSS / Kolor obrysu {outline-color}
selektor { outline-color: kolor } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy wpisać definicję koloru. Wpisanie invert ustali kolor będący odwróceniem barw koloru tła. UWAGA! Należy jednocześnie podać styl obrysu. Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-color} outline-color: blue
- Obramowanie CSS / Atrybuty mieszane obrysu {outline}
selektor { outline: wartości atrybutów } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać kolejne wartości (oddzielone spacjami) jakie mają przyjąć atrybuty obrysu. Polecenie pozwala podać kilka atrybutów obrysu w jednej komendzie (podobnie jak przy obramowaniu). Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu...
- Rozmiary CSS / Maksymalna wysokość {max-height}
selektor { max-height: wartość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać wartość maksymalnej dozwolonej wysokości, jaką może mieć element. Polecenie nie odnosi się do elementów inline! Przykład {max-height} Ten obrazek powinien mieć wysokość maksymalną 20px (max-height: 20px):