Artikel

Home > Artikel
 

 

Menetapkan Nilai Initial dan Inherit Pada CSS


Diposting : 2017-06-22 oleh : WebHozz



Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menetapkan nilai initial dan iherit pada CSS. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya  sobat Webhozz.

Nilai deklarasi properti-properti CSS sangat beragam, termasuk nilai berupa warna dan angka dalam satuan tertentu seperti yang dijelaskan sebelumnya. Namun perlu kalian ingat, ada dua buah nilai yang bisa digunakan di berbagai jenis properti CSS, yaitu nilai initial dan inherit. Kedua nilai ini untuk mengatur apakah sebuah aturan di elemen induk harus diikuti atau diabaikan oleh elemen lain yang ada di dalamnya.

Misalnya, sebuah halaman web diberi aturan CSS seperti berikut:

                <!DOCTYPE html>

                <html>

                    <head>

                        <title>Initial dan Inherit</title>

                           <style>

                                .kotak {color:  green;}

                                h1 {color:  initial;}

                                h2 {color: inherit;}

                           </style>

                      </head>

 

                      <body>

                            <div class=”kotak”>

                            <h1>Judul hitam, mengabaikan aturan class kotak</h1>

                            <p>Paragraf hijau mengikuti aturan class kotak.</p>

                            <h2>Judul hijai mengikuti aturan class kotak</h2>

                            <p>Paragraf hijau mengikuti aturan class kotak.</p>

                                </div>

                        </body>

                   </html>

 

Penjelasannya:

Ø  Properti:  initial

Menetapkan nilai sebuah properti ke nilai default-nya dan tidak terpengaruh nilai properti sejenis di elemen lain yang menjadi induknya. Pada contoh, meskipun elemen h1 berada di dalam elemen div berclass .kotak, namun warnanya tetap hitam, tidak ikut berubah menjadi hijau seperti teks lain yang ada di dalam elemen div.

Ø  Properti: inherit

Menetapkan nilai sebuah properti agar mengikuti nilai properti sejenis di elemen lain yang menjadi induknya. Pada contoh, elemen h2 ikut berubah menjadi hijau seperti teks lain yang ada di dalam elemen div.

 

 

Nah sobat Webhozz itulah pembahasan singkat mengenai menetapkan nilai initial dan iherit pada CSS. Semoga pembahasan artikel ini dapat membantu sobat Webhozz semua dalam mempelajari CSS, dan juga dapat menambah pengetahuan sobat Webhozz semua. Sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,