CSS'te Artık if() Fonksiyonu Kullanabileceğiz

07-10-2025, 19:20:13

CSSe yeni if() fonksiyonu geldi! if/else sistemi CSS'te aslında Temmuz/Ağustos ayı gibi duyuruldu ama çok gündem olmadığı için konu açmak istedim

Artık bir özellik belirli bir koşula göre farklı değerler alabiliyor.

Örneğin tarayıcı grid desteğine sahipse ya da tema dark moddaysa CSS bunu algılayıp uygun stili uygulayabiliyor.

Bu yapı sayesinde @media veya @supports gibi sorgulara alternatif daha sade bir çözüm geliyor:

.button {
  background: if(style(--theme: dark): #222; else: #fff);
}

Şu an tüm tarayıcılar desteklemese de ilerleyen zamanlarda standarta dönüşeceğini düşünüyorum.

Meraklasına bir takım kaynaklar:
https://developer.mozilla.org/en-US/docs/Web/CSS/if
https://developer.chrome.com/blog/if-article

07-10-2025, 19:22:14

#2

kaanst

Paylaşım için çok teşekkürler, iyi bir özellik. İşe yarar.

07-10-2025, 19:27:10

#3

Ruby Digital

ChatGPT & Lisans Ürünleri

Zamanını hatırlamıyorum da en son drag & drop gibi bir sistem de gelmişti.
Bayağı gelişiyor aslında. JS'in işini alacak elinden.

07-10-2025, 19:30:15

#4

Scripter

Harika

07-10-2025, 19:31:46

#5

Celilkilic

saydogan adlı üyeden alıntı: mesajı görüntüle

Zamanını hatırlamıyorum da en son drag & drop gibi bir sistem de gelmişti.
Bayağı gelişiyor aslında. JS'in işini alacak elinden.

Evet resimlerdeki sürükle bırak mantığı HTML içinde draggable="true" etiketiyle geldi ancak tek başına sadece sürüklüyor javascript desteğiyle bırakma vs. durumlarını etkiliyor yani daha JS bitmedi ama bu gidişle js tarafındaki kullanımlarımız epey azalacak.
https://developer.mozilla.org/en-US/...g_and_Drop_API

07-10-2025, 19:33:39

#6

Ruby Digital

ChatGPT & Lisans Ürünleri

Celil Kılıç adlı üyeden alıntı: mesajı görüntüle

Evet resimlerdeki sürükle bırak mantığı HTML içinde draggable="true" etiketiyle geldi ancak tek başına sadece sürüklüyor javascript desteğiyle bırakma vs. durumlarını etkiliyor yani daha JS bitmedi ama bu gidişle js tarafındaki kullanımlarımız epey azalacak.
https://developer.mozilla.org/en-US/...g_and_Drop_API

JS biraz daha artık framework gibi kullanılmaya başlayacak gibi. Pure JS kullanan çok nadir görüyorum.
Frontend için React, backend için Node falan kullanıyorlardı en son. Next falan da çıkmıştı.

Sektör biraz daha kolaylık sağlıyor aslında şu an.

09-10-2025, 13:06:51

#7

null_dktek

Celil Kılıç adlı üyeden alıntı: mesajı görüntüle

CSSe yeni if() fonksiyonu geldi! if/else sistemi CSS'te aslında Temmuz/Ağustos ayı gibi duyuruldu ama çok gündem olmadığı için konu açmak istedim

Artık bir özellik belirli bir koşula göre farklı değerler alabiliyor.

Örneğin tarayıcı grid desteğine sahipse ya da tema dark moddaysa CSS bunu algılayıp uygun stili uygulayabiliyor.

Bu yapı sayesinde @media veya @supports gibi sorgulara alternatif daha sade bir çözüm geliyor:

.button {
  background: if(style(--theme: dark): #222; else: #fff);
}

Şu an tüm tarayıcılar desteklemese de ilerleyen zamanlarda standarta dönüşeceğini düşünüyorum.

Meraklasına bir takım kaynaklar:
https://developer.mozilla.org/en-US/docs/Web/CSS/if
https://developer.chrome.com/blog/if-article

çok sağ olun hocam güncelleme bilgisi için