Oto szczegółowe wyjaśnienie każdej właściwości CSS
Nieruchomość color
Właściwość color
służy do formatowania koloru tekstu elementu.
Wartością może być nazwa koloru(np. red
, blue
, green
), kod szesnastkowy(np. „#FF0000” dla red
) lub rgb()
funkcja określająca Red, Green, Blue
wartości.
Przykład: color: red;
Nieruchomość font-size
Właściwość font-size
służy do formatowania rozmiaru tekstu w elemencie.
Wartość może być wyrażona w pikselach(np. „12px”), jednostkach em(np. „1,2em”), procentach(%) lub innych wartościach względnych.
Przykład: font-size: 16px;
Nieruchomość background-color
Właściwość background-color
służy do formatowania koloru tła elementu.
Wartością może być również nazwa koloru, kod szesnastkowy lub funkcja „rgb()” określająca kolor.
Przykład: background-color: #F0F0F0;
Nieruchomość font-family
Właściwość "font-family" definiuje czcionkę używaną dla tekstu w elemencie.
Wartością może być nazwa czcionki(np. Arial
, Helvetica
) lub uszeregowana pod względem ważności lista nazw czcionek.
Przykład: font-family: Arial, sans-serif;
Nieruchomość text-align
Właściwość „text-align” służy do wyrównania tekstu wewnątrz elementu.
Wartością może być left
, right
, center
lub justify
(aby wyrównać tekst na obu końcach).
Przykład: text-align: center;
Nieruchomość width
Właściwość „width” określa szerokość elementu.
Wartość może być w pikselach, procentach(%) lub auto
dla automatycznej szerokości.
Przykład: width: 300px;
Nieruchomość height
Właściwość height
określa wysokość elementu.
Wartość może być wyrażona w pixel
procentach(%) lub auto
dla wysokości automatycznej.
Przykład: height: 200px;
Nieruchomość border
Właściwość border
służy do tworzenia obramowania wokół elementu.
Wartość może obejmować grubość obramowania(np. „1px”), border style
(np. solid
, dotted
) i color
(np. red
).
Przykład: border: 1px solid black;
Nieruchomość margin
Właściwość margin
definiuje odstęp między elementem a elementami otaczającymi.
Wartością może być wartość w pikselach(np. „10px”), wartości w pikselach dla każdego kierunku(np. „5px 10px”) lub auto
odstępy automatyczne.
Przykład: margin: 10px;
Nieruchomość padding
Właściwość padding
określa odstęp między zawartością a obramowaniem elementu.
Wartość może być pixel
wartością lub wartościami pikseli dla każdego kierunku.
Przykład: padding: 20px;
To tylko kilka przykładów właściwości CSS i ich wartości. CSS zapewnia wiele innych właściwości do stylizowania i dostosowywania elementów na Twojej stronie internetowej. Możesz odkrywać więcej właściwości i dostosowywać je, aby uzyskać różne projekty i efekty dla swojej witryny.