CSS'de border-right Nedir?
Border-right, CSS'deki sınır özelliklerinden biridir ve bir öğenin sağ tarafına bir sınır çizmeyi sağlar. Border-right, bir öğenin sağ kenarına uygulanabilir ve ayrıca rengi, kalınlığı ve stili özelleştirilebilir.
Örnek Kodlar:
HTML:
```
Bu bir kutu örneğidir.
```
CSS:
```
.box {
border-right: 4px solid red;
width: 200px;
height: 200px;
padding: 20px;
}
```
Bu kodlar, bir kutuya sağ taraftan kırmızı bir 4 piksel kalınlığında bir sınır ekler. Kutunun genişliği ve yüksekliği 200 pikseldir ve içeriği 20 piksel ped ile sarar.
Border-right stil özelliğini de kullanarak farklı sınır stilleri elde edebilirsiniz. Örneğin:
```
.box {
border-right: 3px dotted blue;
}
```
Bu kodlar, kutunun sağ tarafına mavi renkli ve noktalı bir sınır ekler.
Border-right özelliğini kullanarak birden fazla sınır da ekleyebilirsiniz. Örneğin:
```
.box {
border: 1px solid black;
border-right: none;
border-left: 2px dotted red;
}
```
Bu kodlar, kutunun üst, alt ve sol kenarlarına siyah bir 1 piksel kalınlığında bir sınır ekler, ancak sağ kenara hiçbir sınır eklenmez. Bunun yerine, kırmızı noktalı bir 2 piksel kalınlığında bir sınır eklenir.
