CSS'de square Nedir?

Square (kare), CSS'de bir özelliktir ve bir kutuyu kare şeklinde yapmak için kullanılır. Bu özellik, genellikle bir öğenin yüksekliği ve genişliğini aynı değerde ayarlamak için kullanılır.
Square özelliğini kullanarak öğenin genişliği ve yüksekliği için farklı değerler kullanabilirsiniz. Ancak square özelliği, yüksekliğin ve genişliğin aynı değerde olmasını sağlar.
Square özelliği, temel olarak şu şekilde kullanılır:
```
.square {
width: 100px;
height: 100px;
background-color: red;
border-radius: 5px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
/* kutuyu kare şeklinde yapmak için square özelliği */
square: 1;
}
```
Yukarıdaki örnekte, `.square` sınıfına sahip bir öge oluşturuldu. Bu ögenin genişliği ve yüksekliği `100px` olarak belirlendi ve arkaplan rengi kırmızı olarak ayarlandı.
Ayrıca, kenar yuvarlaklığı için `border-radius` özelliği ve gölge efekti için `box-shadow` özelliği kullanıldı.
En önemli özellik ise `square: 1;` olan square özelliği. Bu özellik sayesinde kutu kare şeklinde olacak ve genişlik ile yükseklik aynı değerde olacaktır.
Square özelliği, özellikle kare olması gereken öğeler için kullanışlıdır, örneğin butonlar, resimler vb.
Özetle, square özelliği, bir kutuyu kare şekline dönüştürmek için kullanılır ve genellikle bir öğenin genişliği ve yüksekliği aynı olduğunda kullanılır. Yukarıdaki örnekte gösterildiği gibi, özellikle kutu kenar yuvarlaklığı ve gölge efekti ile kullanıldığında, öğelerin görünümüne ek bir dokunuş katabilir.