W3C home > Mailing lists > Public > www-amaya@w3.org > April to June 2004

rendering of css border properties

From: John Russell <ve3ll@rac.ca>
Date: Thu, 27 May 2004 09:28:52 -0400
To: www-amaya@w3.org
Message-ID: <40B5B4D4.9166.6912A5@localhost>
The Amaya page indicates support for dotted, dashed, double and solid.

However dotted and dashed render as solid !!

Double has serious problems in rendering.

The groove, ridge, inset, and outset are not rendered AS DOCUMENTED.

A better solution is to map these unrendered values and ones that are 
busted (like double)  to  a solid line as the dotted/dashed ones do.
Then change the documentation of each to not done yet .....

Or if someone has time, implement a correct rendering for at least the
most common   dotted, dashed, double .... 

But i think they should default to solid if nothing else .... thank you
--
john russell ve3ll@rac.ca [those are L's as in LLAMA]
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher



<?xml version="1.0"?>
<!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>CSS Border Styling - VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {color:black; background:blanchedalmond; font-size:12pt;
      margin:40px; margin-top:0px; border:0px; padding:0px}
h1 {font-size:200%; font-family:"Lucida Handwriting", cursive;
    font-weight:bold; margin:0px; border:0px; padding:0px; padding-top:5px}
hr {width:80%; margin-top:10px; margin-bottom:10px; border:1px solid black}
table {margin:auto; border:0px; padding:0px}
table.spec1 {background:#ffffcc; color:black;
             border:4px double maroon; padding:5px}
table.spec2 {background:#ffffcc; color:black;
             border:4px dotted maroon; padding:5px}
table.spec3 {background:#ffffcc; color:black;
             border:4px dashed maroon; padding:5px}
table.spec4 {background:#ffffcc; color:black;
             border:4px groove maroon; padding:5px}
table.spec5 {background:#ffffcc; color:black;
             border:4px ridge maroon; padding:5px}
table.spec6 {background:#ffffcc; color:black;
             border:4px inset maroon; padding:5px}
table.spec7 {background:#ffffcc; color:black;
             border:4px outset maroon; padding:5px}
td.specs {font-family:Courier, monospace}
th.specs {text-align:left}
th.c {background:green; color:whitesmoke; text-align:left;
      font-family:arial, sans-serif; font-size:120%}
</style></head><body id="top">
<h1>CSS Border Styling - VE3LL@RAC.CA</h1>

<h2>Double</h2>
<div class="c"><table class="spec1" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<h2>Dotted</h2>
<div class="c"><table class="spec2" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<h2>Dashed</h2>
<div class="c"><table class="spec3" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<h2>Grooved</h2>
<div class="c"><table class="spec4" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<h2>Ridged</h2>
<div class="c"><table class="spec5" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<h2>Inset</h2>
<div class="c"><table class="spec6" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<h2>Outset</h2>
<div class="c"><table class="spec7" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>

<hr id="bot" />
<a href="home.htm">JR's Home Page</a> | <a href="#top">Top of Page</a> |
<a href="mailto:VE3LL@RAC.CA?Subject=[htmlcod1.htm]">Comments</a> |
[htmlcod1.htm:2004 05 26]</body></html>
Received on Thursday, 27 May 2004 09:27:06 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 7 January 2015 14:53:29 UTC