CSS3: implementation of border-style: outset.

  • Thread starter Luigi Donatello Asero
  • Start date
L

Luigi Donatello Asero

Hello,
I am building the website
https://www.scaiecat-spa-gigi.com
On the page
https://www.scaiecat-spa-gigi.com/sv/faktaomitalien.php
I am trying to use several border-styles to distinguish several
divs. Each of these div contains a paragraph.
I found some examples here
http://www.w3.org/TR/css3-background/#the-border-color
Now I am wondering
1) whether CSS3 has been implemented by most browsers
2) whether the value "outset" for border-style makes the text which is
contained in the div, difficult to read
 
L

Luigi Donatello Asero

Luigi Donatello Asero said:
Hello,
I am building the website
https://www.scaiecat-spa-gigi.com
On the page
https://www.scaiecat-spa-gigi.com/sv/faktaomitalien.php
I am trying to use several border-styles to distinguish several
divs. Each of these div contains a paragraph.
I found some examples here
http://www.w3.org/TR/css3-background/#the-border-color
Now I am wondering
1) whether CSS3 has been implemented by most browsers
2) whether the value "outset" for border-style makes the text which is
contained in the div, difficult to read


The value is on an external style sheet.
 
M

Mark Parnell

Deciding to do something for the good of humanity, Luigi Donatello Asero
1) whether CSS3 has been implemented by most browsers

Parts of it have been partially implemented, but it is only a draft.
border-style: outset is part of CSS2 anyway.
2) whether the value "outset" for border-style makes the text which is
contained in the div, difficult to read

I wouldn't think so.
 
L

Luigi Donatello Asero

Mark Parnell said:
Deciding to do something for the good of humanity, Luigi Donatello Asero


Parts of it have been partially implemented, but it is only a draft.
border-style: outset is part of CSS2 anyway.


I wouldn't think so.

However, I tested
#italiens-foerfattning.subsubsection {background-color: #ffffff;
background-image:none; border-style:dotted; border-color:"00ffff;
color: #000000; display: block; text-align:center; }
#republikanska-statsskicket.subsubsection {background-color: #ffffff;
background-image:none; border-style:dot-dash;
color: #000000; display: block; text-align:center; }
#italiens-parlament.subsubsection{background-color: #ffffff;
background-image:none; border-style:dot-dash;
color: #000000; display: inline; text-align:center; }

and it did not work so well...
 
L

Luigi Donatello Asero

Luigi Donatello Asero said:
However, I tested
#italiens-foerfattning.subsubsection {background-color: #ffffff;
background-image:none; border-style:dotted; border-color:"00ffff;
color: #000000; display: block; text-align:center; }
#republikanska-statsskicket.subsubsection {background-color: #ffffff;
background-image:none; border-style:dot-dash;
color: #000000; display: block; text-align:center; }
#italiens-parlament.subsubsection{background-color: #ffffff;
background-image:none; border-style:dot-dash;
color: #000000; display: inline; text-align:center; }

and it did not work so well...

I changed this (error in the border-color)
#italiens-foerfattning.subsubsection {background-color: #ffffff;
background-image:none; border-style:dotted; border-color:#00ffff;
color: #000000; display: inline; text-align:center; }
That lets the first one work but not the other ones, anyway.
 
N

Neredbojias

To further the education of mankind, "Luigi Donatello Asero"

That page really looks odd. Some of it is centered, some off-centered, and
the first-lines, including the headings! are indented where beside the nav
but only the headings elsewise. Without questioning your markup skills,
your design "eye" must be extremely bloodshot.
I am trying to use several border-styles to distinguish several
divs. Each of these div contains a paragraph.
I found some examples here
http://www.w3.org/TR/css3-background/#the-border-color
Now I am wondering
1) whether CSS3 has been implemented by most browsers
2) whether the value "outset" for border-style makes the text which is
contained in the div, difficult to read

The borders are in some cases abutting the link underline, in some cases
not. The whole thing looks too crowded. I like the background-color
differentiation. Maybe add a little more padding and use solid borders.
(3D border don't work well if only 1 pixel thick.)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,902
Latest member
Elena68X5

Latest Threads

Top