CSS Özellikleri: Keşif ve Kullanım

İşte her CSS özelliği için ayrıntılı açıklama

 

Mülk color

Özellik color, bir öğenin metin rengini biçimlendirmek için kullanılır.

red Değer, bir renk adı(örneğin,, blue, green), onaltılık bir kod(örneğin, için "#FF0000" red) veya değerleri rgb()  belirtmek için bir işlev olabilir Red, Green, Blue.

Örnek: color: red;

Mülk font-size

Özellik font-size  , bir öğe içindeki metnin boyutunu biçimlendirmek için kullanılır.

Değer, piksel(ör. "12 piksel"), em birimleri(ör. "1.2em"), yüzdeler(%) veya diğer göreli değerler cinsinden olabilir.

Örnek: font-size: 16px;

Mülk background-color

Özellik background-color, bir öğenin arka plan rengini biçimlendirmek için kullanılır.

Değer, rengi belirtmek için bir renk adı, onaltılık bir kod veya bir "rgb()" işlevi de olabilir.

Örnek: background-color: #F0F0F0;

Mülk font-family

"font-family" özelliği, bir öğe içindeki metin için kullanılan yazı tipini tanımlar.

Arial Değer, bir yazı tipi adı(örn.,, Helvetica) veya öncelikli bir yazı tipi adları listesi olabilir .

Örnek: font-family: Arial, sans-serif;

Mülk text-align

"text-align" özelliği, bir öğenin içindeki metni hizalamak için kullanılır.

left Değer, right, center veya olabilir justify(metni her iki uçta da yaslamak için).

Örnek: text-align: center;

Mülk width

"width" özelliği, bir elemanın genişliğini belirtir.

auto Değer piksel, yüzde(%) cinsinden veya otomatik genişlik için olabilir .

Örnek: width: 300px;

Mülk height

Özellik height  , bir elemanın yüksekliğini belirtir.

pixel Değer, yüzdeler(%) cinsinden veya auto otomatik yükseklik için olabilir .

Örnek: height: 200px;

Mülk border

Özellik border  , bir öğenin etrafında bir kenarlık oluşturmak için kullanılır.

border style Değer, kenarlık kalınlığını(ör. "1px"),(ör. solid, dotted) ve color(ör. red) içerebilir .

Örnek: border: 1px solid black;

Mülk margin

Özellik margin, bir öğe ile çevreleyen öğeler arasındaki boşluğu tanımlar.

auto  Değer, bir piksel değeri(örn. "10px"), her yön için piksel değerleri(örn. "5px 10px") veya otomatik boşluk olabilir .

Örnek: margin: 10px;

Mülk padding

Özellik padding, bir öğenin içeriği ile sınırı arasındaki boşluğu tanımlar.

pixel Değer, her yön için bir değer veya piksel değerleri olabilir .

Örnek: padding: 20px;

 

Bunlar, CSS özelliklerinin ve değerlerinin yalnızca birkaç örneğidir. CSS, web sayfanızdaki öğeleri biçimlendirmek ve özelleştirmek için birçok başka özellik sağlar. Web siteniz için çeşitli tasarımlar ve efektler elde etmek için daha fazla özellik keşfedebilir ve bunları özelleştirebilirsiniz.