Left kelimesi, CSS'de elemanların soldan ne kadar uzakta yer alacağını belirlemek için kullanılan bir özelliktir. Bu özellik, bir elemanın konumunu belirlemek için kullanılır ve yalnızca pozisyon değeri relative, absolute veya fixed ile birlikte kullanılabilir.
Left özelliği, elemanın sol kenarının dökümanın sol kenarına olan mesafesini belirler. Özelliğin değeri, elemanın sol kenarının sol tarafa ne kadar uzakta olacağını piksel veya yüzde olarak belirler.
Aşağıdaki örnek kodlar, left özelliğinin nasıl kullanıldığını göstermektedir:
Örnek 1:
```css
.my-element {
position: relative;
left: 50px;
}
```
Yukarıdaki kod, .my-element sınıfına sahip elemanın sol kenarını, dökümanın sol kenarına göre 50 piksel sağa kaydırır.
Örnek 2:
```css
.my-element {
position: absolute;
left: 30%;
}
```
Yukarıdaki kod, .my-element sınıfına sahip elemanın sol kenarını, dökümandaki genişliğin yüzde 30'u kadar sağa kaydırır.
Örnek 3:
```css
.my-element {
position: fixed;
left: 0;
}
```
Yukarıdaki kod, .my-element sınıfına sahip elemanın sol kenarını, sabit bir konumda dökümanın sol kenarına yapışık durumda tutar.
Sonuç olarak, left özelliği, elemanların düzenlenmesinde önemli bir rol oynayan bir CSS özelliğidir. Doğru kullanımıyla, elemanları tam istediğiniz gibi konumlandırmanızı sağlar.