CSS3: implementation of border-style: outset.

[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

 

[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

The value is on an external style sheet.

 

[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.

 

[Luigi Donatello Asero]

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...

 

[Luigi Donatello Asero]

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.

 

[Neredbojias]

To further the education of mankind, "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

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.)

 

[JDS]

Without questioning your markup skills,
your design "eye" must be extremely bloodshot.

No news, that