JavaScript Reference/Javascript Objects/currentStyle — различия между версиями

Материал из Web эксперт
Перейти к: навигация, поиск
 
м (1 версия)
 
(нет различий)

Текущая версия на 11:22, 26 мая 2010

"currentStyle" CSS Attributes and JavaScript Style Properties

   <source lang="javascript">

Names noted with an asterisk (*) are JavaScript properties only. +----------------+--------------------------------------------------------------+ | CSS |accelerator background | | Attributes |background-attachment background-color | | and |background-image background-position | | JavaScript |background-position-x background-position-y | | Style |background-repeat behavior | | Properties |border border-bottom | | |border-bottom-color border-bottom-style | | |border-bottom-width border-color | | |border-left border-left-color | | |border-left-style border-left-width | | |border-right border-right-color | | |border-right-style border-right-width | | |border-style border-top | | |border-top-color border-top-style | | |border-top-width border-width | | |color cursor | | |direction display | | |filter font | | |font-family font-size | | |font-style font-variant | | |font-weight hasLayout(*) | | |layout-grid layout-grid-char | | |layout-grid-line layout-grid-mode | | |layout-grid-type letter-spacing | | |line-break line-height | | |margin margin-bottom | | |margin-left margin-right | | |margin-top overflow | | |overflow-x overflow-y | | |padding padding-bottom | | |padding-left padding-right | | |padding-top page-break-after | | |page-break-before pixelBottom(*) | | |pixelHeight(*) pixelLeft(*) | | |pixelRight(*) pixelTop(*) | | |pixelWidth(*) posBottom(*) | | |posHeight(*) posLeft(*) | | |posRight(*) posTop(*) | | |posWidth(*) scrollbar-3dlight-color | | |scrollbar-arrow-color scrollbar-base-color | | |scrollbar-darkshadow-color scrollbar-face-color | | |scrollbar-highlight-color scrollbar-shadow-color | | |scrollbar-track-color text-align | | |text-align-last text-autospace | | |text-decoration text-indent | | |text-justify text-kashida-space | | |text-overflow text-transform | | |text-underline-position textDecorationBlink(*) | | |textDecorationLineThrough(*) textDecorationNone(*) | | |textDecorationOverline(*) textDecorationUnderline(*) | | |unicode-bidi visibility | | |white-space word-break | | |word-spacing word-wrap | | |zoom | +----------------+--------------------------------------------------------------+

     </source>
   
  


"currentStyle" Example

   <source lang="javascript">
   

<html> <head> <style> td {background-color:red;

   font-family:verdana; 
   font-size:12pt; 
   font-weight:bold; 
   color:white; 
   width:100%

} </style> </head> <body>

content

<button onclick="alert(myCell.currentStyle.width);">Width of the table</button> </body> </html>


     </source>
   
  


"currentStyle" is applied to

   <source lang="javascript">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> <applet> | | | |

| |
|

| |<body>
| | |<button> |

| |
|

| | <col> | | |<colgroup> <custom> | | |

| | | <dir> |

| |
|

| |

| | |<embed> <fieldset> | | | <form> |

| |<hn>
|

| |<html> | | |<img> <input type="button"> | | |<input type="checkbox"> <input type="file"> | | |<input type="image"> <input type="password"> | | |<input type="radio"> <input type="reset"> | | |<input type="submit"> <input type="text"> | | | <isindex> | | | <label> |

| |<legend>
  • | | |<listing> <marquee> | | |<menu> <nobr> | | |<object>
      | | |<option>

      | | |

                                                            |
      |                |                                                     |
      |                |<select>                                               |
      |                |                                                |
      |                |                                                 |
      |                |                                                  |
      |                |<tbody>                                                   |
      |                |                             
        | | | | | |<xmp> | +----------------+--------------------------------------------------------------+ </source>

        "currentStyle" JavaScript Methods

        <source lang="javascript"> +----------------+--------------------------------------------------------------+ | JavaScript |getAttribute getExpression | | Methods |setAttribute setExpression | +----------------+--------------------------------------------------------------+

        </source>



        "currentStyle" JavaScript Properties

        <source lang="javascript"> +----------------+--------------------------------------------------------------+ | JavaScript |blockDirection clipBottom | | Properties |clipLeft clipRight | | |clipTop hasLayout | | |onOffBehavior | +----------------+--------------------------------------------------------------+

        </source>



        "currentStyle" Syntax and Note

        <source lang="javascript"> Note: Returns all the styles applied to an element. It differs from the style object in that the style object only returns the styles that have been applied to the element inline.

        Syntax:

        document.all.elementID.currentStyle.memberName


        </source>

      |

      | |<textarea> <tfoot> |

      | |
      <thead> | | |