Rumah > Artikel > hujung hadapan web > Adakah css3 menyokong atribut sempadan?

Adakah css3 menyokong atribut sempadan?

WBOYasal: 2022-06-23 16:08:521681semak imbas

CSS3 menyokong atribut sempadan, yang telah disokong sejak CSS1 atribut sempadan ialah singkatan atribut sempadan, yang boleh digunakan untuk menentukan gaya, lebar dan warna sempadan elemen hanya menetapkan satu nilai , nilai lain akan ditetapkan kepada nilai awal atribut yang sepadan, dan sintaksnya ialah "elemen {border:border-width,,border-style,border-color;}".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

css3 menyokong atribut sempadan

sempadan ialah singkatan atribut sempadan.

Sifat sempadan CSS digunakan untuk menentukan gaya, lebar dan warna sempadan elemen.

Sifat yang boleh ditetapkan adalah (mengikut urutan): lebar sempadan, gaya sempadan dan warna sempadan.

Anda juga boleh menetapkan hanya satu nilai, sebagai contoh, sempadan: #FF0000 adalah betul, dan nilai lain akan ditetapkan kepada nilai awal sifat yang sepadan.

Format sintaks

Atribut sempadan boleh ditentukan menggunakan satu, dua atau tiga nilai yang disenaraikan di bawah tidak penting:

/* 边框样式 */
border: solid;
/* 边框宽度 | 边框样式 */
border: 2px dotted;
/* 边框样式 | 边框颜色 */
border: outset #f33;
/* 边框宽度 | 边框样式 | 边框颜色 */
border: medium dashed green;
/* 全局值 */
border: inherit;
border: initial;
border: unset;

Jika sempadan Gaya tidak ditentukan, ia tidak akan kelihatan. Ini kerana gaya lalai kepada tiada.

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>

Hasil output:

Adakah css3 menyokong atribut sempadan?

(Belajar perkongsian video: css tutorial video , tutorial video html)

Atas ialah kandungan terperinci Adakah css3 menyokong atribut sempadan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 html border

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Adakah animasi css3 perisian?Artikel seterusnya：Adakah animasi css3 perisian?

Artikel berkaitan

Lihat lagi