CSS'de inside Nedir?

CSS'de \"inside\" kelimesi, bir öğenin içindeki içerikleri hedeflemek için kullanılan bir özelliktir.
Örneğin, bir div öğesi içinde birkaç paragraf metin varsa, div öğesi içindeki belirli bir metne özel bir stil uygulamak isteyebilirsiniz. İşte bu orada içinde kullanacağınız bir özelliğin olduğu anlamına gelir.
İçinde özelliği, bir öğenin içeriğini hedeflemek için kullanılır. Özellikle, içinde özelliği, bir öğenin o öğenin içeriğiyle ilgili tüm stilleri hedeflemek için kullanılır. Bu, öğenin etrafındaki stilini hedeflemek için kullanılan dışında özelliğinden farklıdır.
İşte bir örnek kod, içinde özelliği kullanarak bir div öğesinin gibi içeriğiyle ilgili tüm stilleri hedefleyen:
div {
background-color: #ddd;
padding: 10px;
}
div inside p {
color: blue;
}
Bu kod, div öğesi içindeki tüm p öğelerinin yazı rengini mavi olarak ayarlayacak. Ancak div öğesi dışındaki p öğelerini etkilemez.
İşte başka bir örnek kod, içinde özelliğini kullanarak bir liste öğesindeki içeriği hedefleyen:
ul {
list-style: none;
}
ul inside li {
background-color: #eee;
padding: 5px;
}
Bu kod, bir ul öğesi içindeki tüm li öğelerinin arka plan rengini açık gri (# eee) ve dolgu miktarını 5 piksel olarak ayarlar.
Bu özellik, birçok farklı öğe türünde kullanılabilir. Kendi özelleştirmelerinizi yapabilir ve notlarınızda kullanmanızı öneriyoruz.