CSS Öznitelik Değeri Seçici

Öznitelik Değeri Seçici, CSS Öznitelik Değeri Seçici, Kısmi Öznitelik Değeri Seçicisi, Web Tasarım Dersleri, HTML Web Tasarım Dersleri, HTML5 Web Tasarım Dersleri, HTML Ders konuları, CSS öğreniyorum, HTML Tasarım Öğreniyorum, HTML5 Tasarım Dersleri, Ayrımlı Öznitelik Seçicisi, CSS öznitelik seçicileri

Bir etikete ait öznitelik değerine stil ataması yapmamızı sağlar.

Kullanımı,

seçici [öznitelik=”öznitelik değeri”] {Özellik:Değer;}

şeklindedir.

Değişik öznitelik değerlerine sahip bir uygulamada (aşağıdaki örneğimizde bir form ) biz stilimizi sadece bir öznitelik değerine uygulamak isteyebiliriz. Örneğimizde formumuzun elemanlarının her biri farklı öznitelik edğerine (örn: type, radio) sahip olduğundan ve radyo düğmelerine çerçeve değeri uygulamak istemediğimizden bir önceki tür olan basit öznitelik seçiçisi ni burada kullanamazdık. Bu tip durumlar için Öznitelik değeri seçicisi’ni kullanarak öznitelik değerleri arasında ayrım yapabiliyoruz.

<head>
<style type="text/css">

input[type=”text”] {border: 5px solid #000; width: 150 px;} </style> </head>

<body>

<p> isminiz: <input type=”text” name=”ismi” /> </p>

<p> Uzmanlık Alanınız: <input type=”radio” name=”uzman” value=”Flash” />

Flash <input type=”radio” name=”uzman” </body>

file-3

Kısmi Öznitelik Değeri Seçicisi

Şimdi işi biraz daha abartılm stilimizi bu sefer de öznitelik değerinin sadece bir parçasına uygulayalım. Birası alakasız gibi oldu belki işte CSS’in gücü bize çok detaylı düzenlemeler yapma imkanı veriyor. Bu türünün kullanım şekli;

 

seçici[öznitelik ~=”öznitelik değerinin bir bölümü “] {Özellik:Değer;} şeklindedir.

<head>

<style type=”text/css”>

img[alt~=”lik”] {border: 5px;}

</style>

</head>

<body>

<img src=”resim1.jpg” alt=”ilk resim” width =”160″ height =”200″/>

<img src=”resim2.jpg” alt=”son resim” width =”160″ height =”200″/>

</body>

Facebook Sayfamız

İnstagram Sayfamız

Web Tasarım Sayfamız

İletişim Sayfamız

CSS Öznitelik Değeri Seçici
Bu yazıya oy ver

About the Author:

 
%d blogcu bunu beğendi:
EV SSL