Friday, February 22, 2019

 

fieldset
Hello This is some text in a fieldset, part of my testing of the HTML and inline CSS rendering capabilities here on My Opera.

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

  1. div
  2. span
  3. fieldset and legend
  4. p (for paragraph)
  5. lists, both unordered (ul) and ordered (ol) with the mandatory (li) tags as well
  6. 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

 

 

Hello This is some text in a fieldset, part of my testing of the HTML and inline CSS rendering capabilities here on My Opera.

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

  1. div
  2. span
  3. fieldset and legend
  4. p (for paragraph)
  5. lists, both unordered (ul) and ordered (ol) with the mandatory (li) tags as well
  6. 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

"Saigonaises" Du khách ngoại quốc và dân "Saigonaises" còn gọi là Sài Gòn

Du khách ngoại quốc và dân "Saigonaises" còn gọi là Sài Gòn thay vì thành phố Hồ chí Minh. 1 Vì sao? Tro...