fieldset
I've slapped a whole mess of HTML and inline CSS into one post via the "HTML" button on the compose toolbar just to see how well it's handled. I've used CSS to style all of the following in one way or another:
- margin
- padding
- width
- height
- background-color (using both hex and rgba colors)
- border size, color and style
- border-radius
- text-shadow
- font-weight
- semi-transparent box-shadow
As for HTML I've added
- div
- span
- fieldset and legend
- p (for paragraph)
- lists, both unordered (ul) and ordered (ol) with the mandatory (li) tags as well
- blockquote
This is some text contained in blockquote HTML tags. It should display differently than the rest of the text on this page.
As always, correct interpretation and visual display will depend upon the browser being used. I used no browser specific prefixes, only established CSS. If your browser is current and if My Opera allows all HTML and inline CSS you should see this entry in a semitransparent red box outlined in blue with rounded corners, this box is contained in a semitransparent blue box bordered in blue with rounded corners which itself is on top of a hideously bright orange and yellow diagonally striped background. The semi-transparent blue box should have a semi-transparent gray shadow above it and to the right. The combination of semitransparent red over semitransparent blue should make the inner box containing the text look purple and you should see the striped background through the box containing the text. There's also a fieldset at the top (outlined box with a title in the outline itself, and a blockquote (bordered box around some text with text-shadow). My apologies for the retina searing color combinations or other painful effects in this test.
|
|
|
1- http://imageshack.us/a/img802/2482/acimverd525612.jpg 2- http://imageshack.us/a/img718/4140/ameiver525612.jpg 3- http://imageshack.us/a/img135/2488/afndver525612.jpg
I've slapped a whole mess of HTML and inline CSS into one post via the "HTML" button on the compose toolbar just to see how well it's handled. I've used CSS to style all of the following in one way or another:
- margin
- padding
- width
- height
- background-color (using both hex and rgba colors)
- border size, color and style
- border-radius
- text-shadow
- font-weight
- semi-transparent box-shadow
As for HTML I've added
- div
- span
- fieldset and legend
- p (for paragraph)
- lists, both unordered (ul) and ordered (ol) with the mandatory (li) tags as well
- blockquote
This is some text contained in blockquote HTML tags. It should display differently than the rest of the text on this page.
As always, correct interpretation and visual display will depend upon the browser being used. I used no browser specific prefixes, only established CSS. If your browser is current and if My Opera allows all HTML and inline CSS you should see this entry in a semitransparent red box outlined in blue with rounded corners, this box is contained in a semitransparent blue box bordered in blue with rounded corners which itself is on top of a hideously bright orange and yellow diagonally striped background. The semi-transparent blue box should have a semi-transparent gray shadow above it and to the right. The combination of semitransparent red over semitransparent blue should make the inner box containing the text look purple and you should see the striped background through the box containing the text. There's also a fieldset at the top (outlined box with a title in the outline itself, and a blockquote (bordered box around some text with text-shadow). My apologies for the retina searing color combinations or other painful effects in this test.
No comments:
Post a Comment