Css derslerimize devam ediyoruz.Bu dersimiz de
quotes komutunu işleyeceğiz.Daha önce html dersimizde
q tagını
http://ustaderslik.com/konu/HTML_Ders-16_Metni_Tırnak_içine_Alma anlatmıştım.Q tagı metini çift tırnak içine,q tagının içindeki diğer q tagları ise tek tırnak içine alıyordu.Quotes ise bu tırnağı başka bir şeye dönüştürmemize yarıyor.İstediğimiz şeyin içine alabiliriz metini.Kullanımına geçelim.
.secici{quotes:"--" "--" "-" "-";}
İlk 2 tanesi ana çift tırnağı değiştirmek için.Diğer 2 si alt tırnakları değiştirmek için.Başlangıç ve bitiş aynı olmak zorunda değil.İstediğimiz gibi değiştirebiliriz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<style type="text/css">
q{quotes:"”" "„" "$$" "$";}
</style>
</head>
<body>
<q>Demene Yazısıdır <q>UstaDerslik</q> Deneme</q>
</body>
</html>
Bu şekilde tırnaklarımızı özelleştirebiliriz.
UstaDerslik
