CSS değişkenleri, aynı stil değerlerini birden fazla yerde kullanmayı kolaylaştıran ve kodu daha anlaşılabilir hale getiren özel değişkenlerdir. Örneğin, bir renk veya yazı tipi boyutunu birden fazla yerde kullanıyorsanız, bu değerleri bir değişken olarak tanımlayabilir ve gerektiğinde kolayca güncelleyebilirsiniz.
Kullanım örneği:
:root {
--primary-color: #3498db;
--font-size: 16px;
}
body {
color: var(--primary-color);
font-size: var(--font-size);
}Bu örnekte olduğu gibi :root bölümünde başında — kullanarak tanımladığımız –-primary-color ve –font-size değişkenlerini var(–primary-color) şeklinde herhangi bir elementin css değeri olarak kullanabiliriz.
Daha fazlası için takipte kalın.
Yorumlar