css attr nedir? nasıl kullanılır?

css attr özelliği, Html elementinin herhangi bir özellik değerine ulaşmak için kullanılırız.

Örnek :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        div {
            width: 200px;
            border: 1px solid grey;
            margin-bottom: 10px;
        }
        .one::before   { content: "class ı : 'attr(class)' "; }
        .two::before   { content: "class ı : 'attr(data-number)' "; }
        .three::before { content: "class ı : 'attr(data-number)' "; }
 
    </style>
<body>
    <div class="one">
         Tasarım ve Yazılım...
    </div>
    <div class="two" data-number="two">
        Tasarım ve Yazılım...
    </div>
    <div class="three" data-number="three">
        Tasarım ve Yazılım...
    </div> 
</body>
</html>

Html Çıktısı:

css attr kullanımı

Başka bir yazımızda görüşmek üzere…

Leave a Reply