:: first-line adalah elemen pseudo yang digunakan untuk memilih baris yang diformat pertama dalam elemen level blok (seperti paragraf <p>).

Seperti semua elemen pseudo, itu tidak cocok dengan elemen HTML nyata. Elemen :: first-line pseudo-element tidak memilih baris pertama dari elemen level-inline; yaitu, elemen yang memiliki tampilan: inline. Ini hanya bekerja pada elemen yang memiliki nilai tampilan dari blok, blok inline, table-cell, table-caption, atau daftar-item.

Jumlah teks pada baris pertama elemen tergantung pada sejumlah faktor, termasuk lebar halaman, ukuran font, dll.
Properti yang digunakan untuk style :: baris pertama

Elemen pseudo-line :: pertama mirip dengan elemen level sebaris, tetapi dengan batasan tertentu. Hanya sebagian dari properti CSS yang dapat digunakan untuk memberi gaya :: first-line :

  • Properti Font: font, font-style, font-varian, font-weight, font-size, line-height, dan font-family.
  • Background properties: background, background-color, background-image, background-position, background-repeat, background-size, dan background-attachment
  • ┬átext-decoration, text-transform, letter-spacing, word-spacing and color

Trivia & Catatan

Garis yang diformat pertama dari suatu elemen dapat terjadi di dalam turunan level blok dalam aliran yang sama (mis., Turunan level blok yang tidak out-of-flow karena mengambang atau memposisikan). Sebagai contoh, baris pertama div dalam contoh berikut adalah baris pertama paragraf p (dengan asumsi bahwa kedua div dan p adalah level blok dan tidak mengubah tampilannya).

 

Baris pertama dari sel tabel atau blok inline tidak bisa menjadi garis yang diformat pertama dari elemen leluhur. Jadi, dalam contoh berikut, baris pertama yang diformat dari div bukanlah baris “Halo”.

Perhatikan juga bahwa baris pertama paragraf p dalam contoh berikut ini tidak mengandung huruf apa pun (dengan asumsi gaya default untuk Situs). Kata “Pertama” bukan pada baris yang diformat pertama; baris yang diformat pertama terdiri dari ruang kosong saja.

Sama seperti elemen semu lainnya dan pemilih kelas semu, :: first-line dapat dirantai dengan elemen kelas semu dan elemen semu lainnya. Lihat bagian contoh di bawah ini untuk informasi lebih lanjut.