CSS'de \"bottom\" özelliği, bir elemanın alt kenarının nerede olacağını belirler. Bu özellik, \"position\" özelliği ile kullanılarak, bir elemanın konumunu tam olarak belirler.
\"bottom\" özelliği, bir konumlandırma değeri ile kullanılır. Bu değer, birimlerle birlikte verilebilir. Örneğin; \"px\", \"em\", \"rem\", \"%\" gibi birimler kullanılabilir.
Örnek kodlar:
HTML kodu:
```
Bu bir kutudur.
```
CSS kodu:
```
.box {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-color: #eee;
padding: 20px;
width: 300px;
}
```
Bu örnekte, \"position: absolute\" kullanılarak kutu, sayfa içinde mutlak bir konuma sabitlenir. \"bottom: 20px\" özelliği ile alt kenarı 20 piksel yukarıda olacak şekilde konumlandırılır. \"left: 50%\" ve \"transform: translateX(-50%)\" özellikleri ile de kutu, yatay olarak ortalanır. Bu örnek kodlar kullanılarak, farklı konumlandırmalar yapılabilir.