Bolehkah CSS Menambah Sempadan Terus ke Teks?

Bolehkah CSS Menambah Sempadan pada Teks?

Kemunculan CSS3 telah memperkenalkan pelbagai pilihan sempadan. Walau bagaimanapun, keupayaan untuk menambah sempadan terus pada teks masih sukar difahami. Walaupun ketiadaan sifat yang ditetapkan untuk tujuan ini, terdapat cara untuk mencapai kesan yang sama menggunakan ciri CSS sedia ada atau sifat percubaan.

Sifat Eksperimen CSS3

CSS3 diperkenalkan sifat eksperimen yang dipanggil lejang teks, yang membolehkan pengguna menggunakan sempadan di sekeliling teks. Walaupun ia tidak disokong oleh semua penyemak imbas (memerlukan awalan -webkit dalam beberapa kes), text-stroke menyediakan penyelesaian langsung untuk menambah sempadan pada teks.

Contoh Kod:

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans;
    color: yellow;
}

<h1>Hello World</h1>

Menggunakan lejang teks pada tajuk, seperti yang ditunjukkan di atas, menghasilkan sempadan hitam pejal di sekeliling teks, menghasilkan kesan gaya Twitter.

Atas ialah kandungan terperinci Bolehkah CSS Menambah Sempadan Terus ke Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!