Mengubah gaya

Penting: Artikel ini adalah terjemahan mesin, lihat penafian. Temukan versi bahasa Inggris artikel di sini sebagai rujukan Anda.

Saat Anda ingin mengedit properti gaya dalam eksternal, sebaris atau internal lembar gaya kaskade (CSS), Anda bisa memulai dengan panel tugas Properti CSS atau panel tugas Terapkan gaya . Panel tugas Terapkan gaya memungkinkan Anda mengedit gaya apa pun yang terdapat di dalam lembar gaya halaman Web saat ini, bahkan gaya yang tidak menggunakan halaman Web. Panel tugas Properti CSS memungkinkan Anda untuk mengedit hanya gaya yang menggunakan halaman Web saat ini, gaya yang bisa Anda pilih dalam tampilan kode atau gaya apa pun di dalam file .css eksternal terbuka.

Catatan: Jika Anda ingin mengganti nama gaya berbasis kelas dan bersamaan memperbarui semua referensi gaya itu, gunakan perintah mengganti nama kelas di panel tugas Terapkan gaya, Kelola gaya, atau Properti CSS . Jika Anda mengganti nama gaya berbasis kelas dengan menggunakan kotak dialog Ubah gaya sebagai gantinya, referensi gaya itu tidak diperbarui untuk Anda. Metode apa pun yang Anda gunakan untuk mengganti nama gaya berbasis elemen atau mengubah tipe pemilih tipe gaya, referensi gaya itu tidak diperbarui; Anda harus memperbaruinya diri Anda sendiri.

Apa yang ingin Anda lakukan?

Mengganti nama gaya berbasis kelas

Mengubah gaya dengan menggunakan panel tugas properti CSS

Mengubah gaya dengan menggunakan kotak dialog Ubah gaya

Mengganti nama gaya berbasis kelas

  1. Buka halaman Web yang berisi CSS yang berisi gaya berbasis kelas yang ingin Anda ubah.

  2. Lakukan salah satu hal berikut ini:

    • Di panel tugas Terapkan gaya , arahkan ke gaya berbasis kelas, klik panah bawah, dan kemudian klik ganti nama kelas.

    • Dalam panel tugas Gaya mengelola atau panel tugas Properti CSS , klik kanan gaya berbasis kelas, dan kemudian klik ganti nama kelas.

  3. Dalam kotak dialog Ganti nama kelas , dalam kotak Nama baru , masukkan nama baru untuk kelas. Anda tidak harus mengetikkan tanda titik (.) sebelum nama kelas baru.

  4. Untuk memperbarui nama kelas dalam semua referensi yang sudah ada ke kelas, klik ganti nama kelas referensi dalam file (#) yang menggunakan lembar gaya.

  5. Klik OK.

Atas halaman

Mengubah gaya dengan menggunakan panel tugas properti CSS

  1. Buka halaman Web yang menggunakan gaya yang ingin Anda ubah.

  2. Di panel tugas Properti CSS , jika gaya yang ingin Anda ubah tidak muncul di daftar Aturan diterapkan , letakkan kursor Anda dalam konten atau pilih konten yang menggunakan gaya yang ingin Anda ubah.

  3. Di daftar Aturan diterapkan , klik nama gaya yang ingin Anda ubah.

  4. Di bagian Properti CSS panel tugas Properti CSS , setel properti yang Anda inginkan.

Atas halaman

Mengubah gaya dengan menggunakan kotak dialog Ubah gaya

  1. Buka halaman Web yang berisi CSS yang berisi gaya yang ingin Anda ubah.

  2. Lakukan salah satu hal berikut ini:

    • Untuk mengubah berbasis kelas, gaya berbasis elemen, atau berdasarkan id, arahkan ke gaya di panel tugas Terapkan gaya , klik panah bawah, dan lalu klik Ubah gaya.

    • Untuk mengubah gaya sebaris, letakkan kursor Anda dalam konten atau pilih konten yang menggunakan gaya, arahkan ke gaya di panel tugas Terapkan gaya , klik panah bawah, dan lalu klik Ubah gaya.

    • Di daftar Aturan diterapkan di panel tugas Properti CSS , klik kanan gaya, dan lalu klik Ubah gaya. Jika gaya yang ingin Anda ubah tidak muncul di daftar Aturan diterapkan di panel tugas, letakkan kursor Anda dalam konten atau pilih konten yang menggunakan gaya yang ingin Anda ubah.

  3. Untuk mengubah gaya yang nama dan tipe pemilih, dalam kotak pemilih dari kotak dialog Ubah gaya , lakukan salah satu hal berikut ini:

    Catatan: Kelas dan id pemilih nama tidak boleh berisi spasi kecuali jika Anda membuat pemilih kompleks.

    • Untuk menggunakan pemilih elemen, klik nama elemen yang pada kotak turun bawah pemilih .

    • Untuk menggunakan pemilih id, ketikkan tanda nomor (#) diikuti dengan nama yang unik.

    • Untuk menggunakan pemilih sebaris, klik gaya sebaris di menu kotak pemilih .

    • Untuk menggunakan pemilih kelas, ketikkan tanda titik (.) diikuti dengan nama yang unik.

      Catatan: Untuk mengganti nama gaya berbasis kelas yang sudah ada dan referensi apa pun yang sudah ada ke gaya yang diperbarui secara otomatis, gunakan prosedur di bagian yang lebih lama mengganti nama gaya berbasis kelas.

  4. Dalam kotak kategori , klik salah satu hal berikut ini dan setel properti yang ingin Anda format:

    • Font mengatur properti font, ukuran, ketebalan, dekorasi dan warna.

    • Blok mengatur tinggi baris, perataan teks, teks indentasi dan penspasian teks.

    • Latar belakang mengatur warna dan latar belakang properti gambar latar belakang.

    • Batas mengatur batas dan propertinya.

    • Kotak mengatur properti pengisian dan margin kotak dan elemen blok-tingkat.

    • Posisi mengatur dimensi dan posisi kotak dan elemen blok-tingkat.

    • Tata letak mengatur visibilitas, mengambang dan Pembungkusan perilaku, kliping dan properti tata letak lainnya kotak dan elemen blok-tingkat.

    • Daftar kumpulan properti dari daftar elemen, termasuk tipe, posisi, dan gambar.

    • Tabel menyetel properti tabel yang terkait elemen, termasuk spasi, tata letak, properti batas.

  5. Klik OK.

Atas halaman

Catatan: Penafian Terjemahan Mesin: Artikel ini telah diterjemahan oleh sistem komputer tanpa campur tangan manusia. Microsoft menawarkan terjemahan mesin ini untuk membantu pengguna yang bukan penutur bahasa Inggris agar dapat menikmati konten tentang produk, layanan, dan teknologi Microsoft. Karena artikel ini diterjemahkan oleh mesin, mungkin akan terdapat kesalahan kosa kata, sintaksis, atau tata bahasa.

Kembangkan keterampilan Anda
Jelajahi pelatihan
Dapatkan fitur baru terlebih dahulu
Gabung ke Office Insiders

Apakah informasi ini bermanfaat?

Terima kasih atas umpan balik Anda!

Terima kasih atas umpan balik Anda! Sepertinya menghubungkan Anda ke salah satu agen dukungan Office kami akan sangat membantu.

×