CSS all Örnek
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
<style>
body {
font-size: 25px;
color: gray;
font-family:Georgia;
}
#p1 {
background-color: yellow;
color: red;
}
#p2 {
background-color: yellow;
color: red;
all: inherit;
}
#p3 {
background-color: yellow;
color: red;
all: initial;
}
#p4 {
background-color: yellow;
color: red;
all: unset;
}
</style>
</head>
<body>
<div id="p1">css all özelliği uygulanmadığında style ile tanımlanmış bu paragraf özelliğini koruyor</div>
<div id="p2">css all:inherit uygulanmış bir paragraf örneği.</div>
<div id="p3">css all:initial uygulandığında paragrafın aldığı özellik.</div>
<br />
<div id="p4">css all:unset ile yapılandırılmış bir paragraf örneği</div>
<p style="font-family:verdana;font-size:14px;color:black;"><b>Hatırlatma:</b> Internet Explorer ve Safari tarayıcıları <strong>css all</strong> özelliğini desteklemiyor.</p>
</body>
</html>
Yorumlar
Yorum Gönder