Właściwości CSS: eksploracja i użycie

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.