CSS'de left Nedir?

CSS'de left özelliği, bir öğenin sol kenarının konumunu belirlemek için kullanılır. Bir öğe, en sol konumunda olsun veya başka bir öğeden belirli bir mesafede olsun, bu özellik sayesinde konumlandırılabilir.
left özelliği, pozisyon özelliğiyle birlikte kullanılır ve öğenin konumunu tamamen belirler. İki özellik de öğenin yatay konumunu belirler; ancak left, öğenin başlangıç konumunu (sol kenar) belirlerken, pozisyon özelliği, öğenin hangi noktadan başlayarak konumlandırılacağına karar verir.
left özelliği, piksel cinsinden değer alabilir ve negatif veya pozitif olabilir. Negatif left değerleri, öğenin zaten varsayılan konumunda solda olması durumunda, tarayıcının öğeyi tarayıcının sol kenarından belirtilen piksel sayısı kadar çıkarır. Pozitif left değerleri ise, öğeyi varsayılan konumdan sağa taşır.
Örnek kodlar:
```css
/* Öğenin left değerini 50 piksel yapar */
#ornek_bir {
position: absolute;
left: 50px;
}
/* Birden fazla öğeyi aynı hizada düzenlemek için kullanılır */
#sagKenar {
position: relative;
}
#ornek_iki {
position: absolute;
right: 0;
left: 200px;
}
```
Yukarıdaki örnek kodları kullanarak, bir öğeyi belirli bir mesafede konumlandırabilir veya birkaç öğeyi bir hizada düzenleyebilirsiniz. İlk örnekte, 50 piksel sol kenara sahip bir öğe oluşturulurken, ikinci örnekte, sağ kenarda konumlandırılan iki öğeden biri, sol kenarda 200 piksel mesafede konumlandırılmıştır.
Sonuç olarak, left özelliği, bir öğenin sol kenarının konumunu belirlemek için kullanılan önemli bir CSS özelliğidir. Öğelere göre pozisyonlandırmak için kullanılabilir ve örnekleme kodları sayesinde anlaşılması kolaydır.