Cara Memohon Keadaan Tuding, Fokus dan Aktif dengan Ketebalan Hiasan Teks dalam Tailwind

Cara Memohon Keadaan Tuding Fokus Dan Aktif Dengan Ketebalan Hiasan Teks Dalam Tailwind

Semasa mencipta tapak berasaskan kandungan, selalunya terdapat keperluan untuk pengaturcara untuk menyerlahkan terminologi penting untuk pengalaman dan pemahaman pengguna yang lebih baik. Dalam kes sedemikian, ' Ketebalan Hiasan Teks ” utiliti dalam Tailwind mula berkuat kuasa yang boleh digabungkan dengan cara tersuai mengikut susun atur tapak.

Tutorial ini menerangkan kandungan berikut:

Bagaimana untuk Memohon Keadaan Tuding, Fokus dan Aktif dengan Ketebalan Hiasan Teks dalam Tailwind?
Menggunakan Ketebalan Hiasan Teks dengan “ berlegar ” Negeri.
Menggunakan Ketebalan Hiasan Teks dengan “ fokus ” Negeri.
Menggunakan Ketebalan Hiasan Teks dengan “ aktif ” Negeri.

Bagaimana untuk Memohon Keadaan Tuding, Fokus dan Aktif dengan Ketebalan Hiasan Teks dalam Tailwind?

' Hiasan teks Ketebalan ' boleh digunakan dengan keadaan ini dengan menggunakan keadaan sasaran dan ' teks-hiasan-ketebalan ” sifat diikuti dengan nilai ketebalan sasaran dalam piksel. Penyepaduan pendekatan ini mengubah ketebalan hiasan teks (dalam piksel) pada tuding tetikus, elemen difokuskan atau elemen aktif. Piksel ini boleh menjadi ' 1px ',' 2px ',' 4px ” atau “ 8px ”. Oleh itu, semakin banyak piksel, semakin banyak ketebalannya.

Contoh 1: Menggunakan Ketebalan Hiasan Teks dengan Keadaan 'legar'.

Contoh ini menggunakan ' teks-hiasan-ketebalan ” harta dengan “ berlegar ” negeri untuk menetapkan ketebalan pada tuding tetikus:

< html >

< kepala >

< meta charset = 'utf-8' >

< meta nama = 'port view' kandungan = 'lebar=lebar peranti, skala awal=1' >

< skrip src = 'https://cdn.tailwindcss.com' >< / skrip >< / kepala >

< badan >

< textarea kelas = 'legar garis bawah:dekorasi-4' > James menepati masa < / textarea >

< / badan >

< / html >

Dalam coretan kod ini, masukkan laluan CDN dalam teg '' untuk menggunakan fungsi Tailwind. Selepas itu, dalam ' </strong> elemen ”, nyatakan “ <strong> berlegar</strong> ” nyatakan bersama dengan yang dipohon “ <strong> teks-hiasan-ketebalan</strong> sifat ” yang menetapkan ketebalan hiasan daripada garis bawah lalai kepada peningkatan ketebalan “4” piksel pada tuding tetikus.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <p> <strong> Pengeluaran</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <p> <img class="wp-image-390646" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-1.gif"></p> <p> Output ini membayangkan bahawa ketebalan hiasan teks iaitu garis bawah ditetapkan dengan sewajarnya.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h2> <strong> Contoh 2:</strong> <a id="post-390628-e5ijh56k10at"></a> <strong> Mengaplikasikan Ketebalan Hiasan Teks dengan Keadaan 'fokus'.</strong> </h2> <p> Kod contoh berikut melaksanakan ketebalan hiasan teks kepada nilai piksel sasaran apabila elemen mendapat fokus menggunakan ' <strong> Tab</strong> kunci ”:</p> <!DOCTYPE html> <br> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> kepala</span></a> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> charset</span><span class="sy0"> =</span><span class="st0"> 'utf-8'</span> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> nama</span><span class="sy0"> =</span><span class="st0"> 'port view'</span> <span class="kw3"> kandungan</span><span class="sy0"> =</span><span class="st0"> 'lebar=lebar peranti, skala awal=1'</span> > <br> <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skrip</span></a> <span class="kw3"> src</span><span class="sy0"> =</span><span class="st0"> 'https://cdn.tailwindcss.com'</span> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skrip</span></a> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> kepala</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> badan</span></a> > <br> <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> <span class="kw3"> kelas</span><span class="sy0"> =</span><span class="st0"> 'gariskan hiasan-1 fokus:hiasan-4'</span> >James menepati masa<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> badan</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> Dalam blok kod ini, ulangi pendekatan yang dibincangkan untuk menggabungkan laluan CDN dan ' <strong> <textarea></strong> ” unsur. Sekarang, nyatakan ketebalan lalai bersama-sama dengan ketebalan peralihan iaitu, '4' piksel dengan ' <strong> fokus</strong> ” negeri untuk menggunakan perubahan pada keadaan tercetus.</p> <p> <strong> Catatan:</strong> lalai ' <strong> garis bawah</strong> ' dan juga ' <strong> gariskan hiasan-1</strong> ” hartanah menghasilkan hasil yang sama.</p> <p> <strong> Pengeluaran</strong> </p> <p> <img class="wp-image-390649" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-2.gif"></p> <p> Daripada output ini, ia boleh disahkan bahawa ketebalan hiasan teks dialihkan dengan sewajarnya.</p> <h2> <strong> Contoh 3:</strong> <a id="post-390628-3qkrf9u1clo2"></a> <strong> Mengaplikasikan Ketebalan Hiasan Teks dengan Keadaan “aktif”.</strong> </h2> <p> Dalam coretan kod ini, ketebalan hiasan teks ditukar apabila elemen aktif:</p> <!DOCTYPE html> <br> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> kepala</span></a> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> charset</span><span class="sy0"> =</span><span class="st0"> 'utf-8'</span> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> nama</span><span class="sy0"> =</span><span class="st0"> 'port view'</span> <span class="kw3"> kandungan</span><span class="sy0"> =</span><span class="st0"> 'lebar=lebar peranti, skala awal=1'</span> > <br> <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skrip</span></a> <span class="kw3"> src</span><span class="sy0"> =</span><span class="st0"> 'https://cdn.tailwindcss.com'</span> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skrip</span></a> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> kepala</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> badan</span></a> > <br> <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> <span class="kw3"> kelas</span><span class="sy0"> =</span><span class="st0"> 'gariskan hiasan-1 aktif:hiasan-8'</span> >James menepati masa<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> badan</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> Mengikut baris kod ini, begitu juga, masukkan laluan CDN dan elemen '<textarea>'. Melangkah ke hadapan, nyatakan “ <strong> aktif</strong> ” nyatakan dan gunakan “ <strong> teks-hiasan-ketebalan</strong> ” sifat sedemikian rupa sehingga ketebalan dialihkan daripada piksel “1” kepada piksel “8” sebaliknya apabila elemen itu aktif iaitu mengklik padanya.</p> <p> <strong> Pengeluaran</strong> </p> <p> <img class="wp-image-390663" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-3.gif"></p> <p> Seperti yang diperhatikan, ketebalan hiasan teks iaitu, garis bawah ditukar kepada '8' piksel apabila mengklik dalam elemen iaitu, elemen itu aktif dengan sewajarnya.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> ' <strong> berlegar</strong> ',' <strong> fokus</strong> ” dan “ <strong> aktif</strong> negeri ' boleh digunakan dengan ' <strong> teks-hiasan-ketebalan</strong> ” harta untuk menetapkan ketebalan pada tetikus yang melayang elemen, elemen semakin fokus, atau elemen aktif, masing-masing. Tulisan ini menggambarkan cara menggunakan tuding, fokus dan keadaan aktif dengan ketebalan hiasan teks dalam Tailwind.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/lain-lain/" class="tag-cloud-link">Lain-lain</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Pai Raspberi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Yang Lain</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zum</a> </li><li> <a href="/cinnamon/">Kayu Manis</a> </li><li> <a href="/reviews/">Ulasan</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Bukaan Terbuka</a> </li><li> <a href="/compression/">Pemampatan</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Kapal Terbang</a> </li><li> <a href="/office-productivity-software/">Perisian Produktiviti Pejabat</a> </li><li> <a href="/boot/">But</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rangkaian</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Curang</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Tukang Dok</a> </li><li> <a href="/firewall/">Tembok Api</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Parrot</a> </li><li> <a href="/sublime/">Luhur</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Makanan Istimewa</a> </li><li> <a href="/mouse/">Tetikus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Arus Deras</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kerinting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fon</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Sotong</a> </li><li> <a href="/mate/">Jodoh</a> </li><li> <a href="/vlc-media-player/">Pemain Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Kekunci</a> </li><li> <a href="/inkscape/">Pemandangan Dalam</a> </li><li> <a href="/encryption/">Penyulitan</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Pengimbas</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Topi Merah</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Buku Nota Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Kejayaan</a> </li><li> <a href="/media-players/">Pemain Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Wap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kuasa</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Meter Persegi</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Cengkaman</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Pengembaraan</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Aliran Tensor</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Pelincir</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Tingkap</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Warisan)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pejabat</a> </li><li> <a href="/lain-lain/">Lain-lain</a> </li><li> <a href="/pai-raspberi/">Pai raspberi</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemain-media/">pemain media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/but/">but</a> </li><li> <a href="/agung/">agung</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-laluan/">usb-laluan</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Jawatan Popular</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/79/how-to-convert-markdown-to-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menukar-markdown-kepada-html">Cara Menukar Markdown kepada HTML</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1F/7-fixes-for-shockwave-flash-has-crashed-in-google-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/7-pembetulan-untuk-shockwave-flash-telah-ranap-dalam-google-chrome">7 Pembetulan untuk Shockwave Flash telah Ranap dalam Google Chrome</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/31/what-is-stream-sorted-method-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-kaedah-stream-sorted-dalam-java">Apakah Kaedah Stream.sorted() dalam Java</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6A/how-to-turn-on-or-off-connect-automatically-to-wireless-network-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menghidupkan-atau-mematikan-sambungkan-secara-automatik-ke-rangkaian-wayarles">Cara Menghidupkan atau Mematikan Sambungkan Secara Automatik ke Rangkaian Wayarles</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/13/what-is-typeid-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-yang-ditaip-dalam-c">Apa yang ditaip dalam C++</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B5/how-to-download-songs-on-spotify-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-muat-turun-lagu-di-spotify-pada-android">Bagaimana untuk Muat Turun Lagu di Spotify pada Android?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4E/sql-percentile-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/persentil-sql">Persentil SQL</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/72/how-disable-empty-recycle-bin-confirmation-box-windows.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-disable-empty-recycle-bin-confirmation-box-windows">Bagaimana Melumpuhkan Kotak Pengesahan Tempat Kitar Semula Kosong di Windows? - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Tingkap</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/12/esp32-real-time-clock-rtc-using-ds1307-and-oled-display-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/esp32-jam-masa-nyata-rtc-menggunakan-ds1307-dan-paparan-oled">ESP32 Jam Masa Nyata (RTC) Menggunakan DS1307 dan Paparan OLED</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BB/how-to-add-and-configure-ssh-key-on-gitlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menambah-dan-mengkonfigurasi-kunci-ssh-pada-gitlab">Cara Menambah dan Mengkonfigurasi Kunci SSH pada GitLab</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/86/how-to-add-comments-to-a-block-of-code-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menambah-komen-pada-blok-kod-dalam-matlab">Cara Menambah Komen pada Blok Kod dalam MATLAB</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AA/how-to-know-windows-10-version-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengetahui-versi-windows-10">Cara Mengetahui Versi Windows 10</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/70/how-to-configure-template-paths-in-tailwind-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengkonfigurasi-laluan-templat-dalam-css-tailwind">Cara Mengkonfigurasi Laluan Templat dalam CSS Tailwind</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F1/how-to-run-kali-linux-on-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-menjalankan-kali-linux-di-docker">Bagaimana untuk Menjalankan Kali Linux di Docker?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/writing-queries-in-c-linq-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/menulis-pertanyaan-dalam-c-linq">Menulis Pertanyaan dalam C# LINQ</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C6/how-to-know-windows-10-product-key-using-cmd-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-mengetahui-kunci-produk-windows-10-menggunakan-cmd">Bagaimana untuk Mengetahui Kunci Produk Windows 10 Menggunakan CMD?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2C/hash-table-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jadual-hash-dalam-c">Jadual Hash dalam C++</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/web-applications-information-gathering-with-kali-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pengumpulan-maklumat-aplikasi-web-dengan-kali-linux">Pengumpulan Maklumat Aplikasi Web dengan Kali Linux</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/23/how-prevent-installing-extensions-microsoft-edge-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-prevent-installing-extensions-microsoft-edge-winhelponline">Cara Mencegah Memasang Sambungan di Microsoft Edge - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Tingkap</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4F/windows-10-kb5011543-adds-new-features-fixes-bsod-errors-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-10-kb5011543-menambah-ciri-baharu-membetulkan-ralat-bsod">Windows 10 KB5011543 menambah ciri Baharu, Membetulkan Ralat BSoD</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>