Mozilla border és a RÁDIUSZ 050
Explorer is így jeleníti meg a div szakaszokat, minden általunk meghatározott tulajdonsággal együtt, kivéve a rádiuszt.
Ahhoz, hogy a div szakaszok méretei MA-ban és IE-ben egyformán jelenjenek meg, le kell tiltani a DOCTIPE meghatározást!
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Mozilla border és a RÁDIUSZ </title>
<link href="elérési_út.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="divszakasz">
<div class="forma"> . </div>
</div>
</body>
Stílusok meghatározása:
.divszakasz {position: relative; width: 200px; height: 200px; left: 10px; top: 0px; }
.forma {position: absolute; width: 100%; height: 100%; left: 0pt; top: 0pt;
background-color: #FFCC69;
border-style: double;
border-color: purple green aqua blue; border-width: 10px 16px 22px 28px;
-moz-box-sizing: border-box;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 45px;
-moz-border-radius-bottomleft: 60px;}
|
border-style: double
|
border-style: groove
|
border-style: ridge
|
border-style: dotted
|
border-style: solid
|
border-style: outset
|
border-style: inset
|
