[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-bugs-dist
Subject:    [Bug 73920] New: CSS border-style unproperly rendered
From:       Pilaf <pfayolle () interlap ! com ! ar>
Date:       2004-01-31 21:28:27
Message-ID: 20040131212827.4006.qmail () ktown ! kde ! org
[Download RAW message or body]

------- You are receiving this mail because: -------
You are on the CC list for the bug, or are watching someone who is.
      
http://bugs.kde.org/show_bug.cgi?id=73920      
           Summary: CSS border-style unproperly rendered
           Product: konqueror
           Version: 3.2
          Platform: Compiled Sources
        OS/Version: Linux
            Status: UNCONFIRMED
          Severity: normal
          Priority: NOR
         Component: khtml
        AssignedTo: konq-bugs@kde.org
        ReportedBy: pfayolle@interlap.com.ar


Version:           3.2 (using KDE KDE 3.2.0)
Installed from:    Compiled From Sources

The CSS property border-style values 'groove', 'ridge', 'inset' and 'outset' all fail \
to render, creating just simple solid lines.

The values 'dotted' and 'dashed' do work but are not rendered properly. The first one \
produces a dashed line as opposed to a dotted one (single pixel for 'border-width: \
1px'). On the other hand, 'dashed' produces indeed a dashed line, but with long \
dashes (about 17 pixels long) instead of short ones as required by the CSS standard \
(from http://www.w3.org/TR/CSS21/box.html#border-style-properties - 'dashed: The \
border is a series of short line segments'). All other major browsers (Mozilla, \
Opera, IE) render 'dotted' as a series of dots and 'dashed' as a series of short \
dashes (similar to KHTML's current 'dotted' line). These last two make pages using \
them look very ugly, especially those using 'dashed' borders.

Here's a testcase:

<html>
<head>
  <style type="text/css">div{margin: 5px; border: 1px black;}</style>
</head>
<body>
  <div style="border-style: hidden">hidden</div>
  <div style="border-style: none">none</div>
  <div style="border-style: solid">solid</div>
  <div style="border-style: dotted">dotted</div>
  <div style="border-style: dashed">dashed</div>
  <div style="border-style: double; border-width: 3px">double</div>
  <div style="border-style: groove">groove</div>
  <div style="border-style: ridge">ridge</div>
  <div style="border-style: inset">inset</div>
  <div style="border-style: outset">outset</div>
</body>
</html>


[prev in list] [next in list] [prev in thread] [next in thread]

Configure | About | News | Add a list | Sponsored by KoreLogic