• Tentang Kami
  • Portofolio
  • Paket Web
  • Promo
    • Hosting Terbaik Unlimited
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel

data@sundakreatif.com

0878 231 791 22

Jasa Pembuatan WebsiteJasa Pembuatan WebsiteJasa Pembuatan Website
Menu
  • Tentang Kami
  • Portofolio
  • Paket Web
  • Promo
    • Hosting Terbaik Unlimited
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel

Menggunakan If/Else di CSS

  • Home
  • Blog
  • Menggunakan If/Else Di CSS

Menggunakan If/Else di CSS

Categoriestutorial website

Yudith Hentreisa

May 19, 2022

0 0

Share this post

Menggunakan If/Else di CSS -Seperti yang kita ketahui, tidak ada pernyataan bersyarat dalam CSS, tetapi ini mungkin akan segera berubah dengan operator @when dan @else yang baru

Menggunakan If/Else di CSS

Saat ini, satu-satunya cara untuk melakukan pernyataan bersyarat adalah dengan menggunakan kueri media seperti ini:

@media (min-width: 600px) {
  /* ... */ 
}
@media (max-width: 599px) {
  /* ... */
}

Ini bekerja dengan sempurna, tetapi dalam proposal baru itu terlihat jauh lebih bersih dan sangat mirip dengan banyak bahasa pemrograman.

@when media(min-width: 600px) {
  /* ... */ 
}
@else {
  /* ... */ 
}

Kita dapat melakukan beberapa kondisi juga dengan menggunakan beberapa pernyataan @else, dan tidak hanya menggunakan @media, tetapi juga @support.

@when media(width >= 600px) and media(pointer: fine) and supports(display: grid) {
  /* A */
} @else supports(caret-color: red) and supports(background: double-rainbow()) {
  /* B */
} @else {
  /* C */
}

Mungkin ada pertanyaan seputar penamaan fitur baru ini. Beberapa orang berpikir bahwa @if akan menjadi nama yang lebih baik daripada @when, alasan di balik penamaan ini mungkin karena Sass sudah menggunakan @if, dan akan mengganggu banyak pengembang jika mereka harus memperbaiki logika Sass mereka.

Terimakasih telah membaca artikel Menggunakan If/Else di CSS, semoga bermanfaat. Ikuti kami di instagram @jasawebsundakreatif

Tags: cara ifelse di css, coding css, ifelse css

Related Post

MAY 28, 2022

Konsep Javascript Yang Semua...

Konsep Javascript Yang Semua Programmer Harus Ketahui! – Ketahui konsep JavaScript...

00

MAY 18, 2022

CSS : Cara Menghilangkan...

Cara Menghilangkan Scrollbar di Browser – Ada banyak waktu ketika kita perlu...

00

MAY 15, 2022

6 Fitur JavaScript ES12

6 Fitur JavaScript ES12 -Kembali pada tahun 2015, ES6 yang revolusioner diperkenalkan...

00

JULY 31, 2021

Cara Cek File Exist dengan

Cara Cek File Exist dengan PHP – Sering kali Anda perlu memindahkan file atau...

00

JULY 12, 2021

Perbedaan PHP isset() vs....

Perbedaan PHP isset() vs. empty() vs. is_null() – Anda akan menggunakan variabel di...

00

JULY 10, 2021

Cara Membandingkan Tanggal di...

Cara Membandingkan Tanggal di PHP – Membandingkan tanggal menjadi penting saat Anda...

00

Recent Posts

  • Jasa Input data ke google spreadsheet dari web php codeigniter atau laravel

    July 13, 2022
  • Cara Memasarkan Bisnis Kecil

    June 5, 2022
  • 4 Ekstensi Google Chrome yang Meningkatkan Pekerjaan Coding Saya

    June 3, 2022
  • Konsep Javascript Yang Semua Programmer Harus Ketahui!

    May 28, 2022
  • 6 Tips Mengembangkan Logika dalam Coding

    May 25, 2022
Sundakreatif.com merupakan Jasa pembuatan website yang sudah dimulai sejak tahun 2009 (Sebelumnya bernama hentreiza-web.com). Sudah berpengalaman membuat lebih dari 400+ website.Berkreasi untuk mewujudkan keinginan Anda dalam membangun website sesuai dengan kebutuhan Anda.

LIVE CHAT (Klik Gambar)


Hubungi Kami

Sundakreatif.com

Lokasi : Bandung / Cimahi
SMS/WA : +6287823179122
LINE : Hentreiza
EMAIL : HENTREIZA @ GMAIL.COM
Comodo SSL

© 2016 Jasa Pembuatan Website, All Rights Reserved.