HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum |
 

 
 

Anzeige 
 
               Forum
 
 
HTMLWorld » JavaScript » JavaScript Objektreferenz » Style-Eigenschaften

JavaScript: Style-Eigenschaften

von Jan Winkler

Die clientseitigen Style-Eigenschaften sind Eigenschaften, die jedes (HTML-)Element und sämtliche Objekte besitzen, die sich auf CSS beziehen (z.B. currentStyle, runtimeStyle, ...).
Um Platz zu sparen und um die einzelnen Eigenschaften nicht jedes Mal nennen zu müssen, wurden diese Eigenschaften hier ausgelagert und separat behandelt. An anderer Stelle kann darauf verweisen ohne dass die Eigenschaften erneut genannt werden müssen.
Die Style-Eigenschaften sind im Groben eine Reflexion bereits bestehender CSS-Eigenschaften. Da einige verwendete Zeichen (z.B. der Bindestrich) nicht in JScript zulässig sind, wurden die meisten Namen etwas abgeändert. Da die Beschreibung jeder einzelnen CSS-Eigenschaft zu weit gehen würde, soll hier nur kurz auf die Unterschiede der Namensgebung eingegangen werden. Folgende Eigenschaften stehen zur Verfügung:

Anzeige
CSS-NameJScript-NameKurzbeschreibung
ACCELERATORacceleratorZugriffssttasten
backgroundbackgroundHintergrunddefinition
background-attachmentbackgroundAttachmentHintergrundbild
background-colorbackgroundColorHintergrundfarbe
background-imagebackgroundImageHintergrundbild
background-positionbackgroundPositionHintergrundpositionierung
background-position-xbackgroundPositionXHintergrundposition horizontal
background-position-ybackgroundPositionYHintergrundposition vertikal
background-repeatbackgroundRepeatWiederholung des Hintergrunds
behaviorbehavior DHTML Behaviors (Verhalten)
borderborderRahmendefinition
border-bottomborderBottomRahmen unten
border-bottom-colorborderBottomColorFarbe des Rahmen unten
border-bottom-styleborderBottomStyleStil des Rahmen unten
border-bottom-widthborderBottomWidthBreite des Rahmen unten
border-collapseborderCollapseRahmenbehandlung
border-colorborderColorRahmenfarbe
border-leftborderLeftRahmen links
border-left-colorborderLeftColorRahmenfarbe links
border-left-styleborderLeftStyleRahmenstil links
border-left-widthborderLeftWidthRahmenbreite links
border-rightborderRightrechter Rahmen
border-right-colorborderRightColorRahmenfarbe rechts
border-right-styleborderRightStyleRahmenstil rechts
border-right-widthborderRightWidthRahmenbreite rechts
border-styleborderStyleRahmenstil
border-topborderTopRahmen oben
border-top-colorborderTopColorRahmenfarbe oben
border-top-styleborderTopStyleRahmenstil oben
border-top-widthborderTopWidthRahmenbreite oben
border-widthborderWidthRahmenbreite
bottombottomAbstand unten
clearclearPositionierung
clipclipAnzeigebereich
colorcolorFarbe
-cssText CSS-Definitionstext
cursorcursorCursor
directiondirectionLeserichtung
displaydisplayAnzeigemodus
floatstyleFloatDarstellung
fontfontSchriftdefinition
font-familyfontFamilySchriftart
font-sizefontSizeSchriftgröße
font-stylefontStyleSchriftstil
font-variantfontVariantSchriftvariation
font-weightfontWeightSchriftstärke
heightheightHöhe
ime-modeimeModeIME-Modus
layout-flowlayoutFlowÜberschneidung
layout-gridlayoutGridLayoutgitter
layout-grid-charlayoutGridCharZeichengittergröße
layout-grid-linelayoutGridLineElementgitter
layout-grid-modelayoutGridModeLayoutgitter-Modus
layout-grid-typelayoutGridTypeGittertyp
leftleftAbstand links
letter-spacingletterSpacingBuchstabenabstand
line-breaklineBreakBehandlung des Zeilenumbruch
line-heightlineHeightZeilenhöhe
list-stylelistStyleListenstil
list-style-imagelistStyleImageListenbild
list-style-positionlistStylePositionListenposition
list-style-typelistStyleTypeListentyp
marginmarginAußenabstand
margin-bottommarginBottomAbstand unten
margin-leftmarginLeftAbstand links
margin-rightmarginRightAbstand rechts
margin-topmarginTopAbstand oben
min-heightminHeightMindesthöhe
overflowoverflowÜberschneidung
overflow-xoverflowXÜberschneidung horizontal
overflow-yoverflowYÜberschneidung vertikal
paddingpaddingInnenabstand
padding-bottompaddingBottomInnenabstand unten
padding-leftpaddingLeftInnenabstand links
padding-rightpaddingRightInnenabstand rechts
padding-toppaddingTopInnenabstand oben
page-break-afterpageBreakAfterSeitenumbruch
page-break-beforepageBreakBeforeSeitenumbruch
-pixelBottomPixel unten
-pixelHeightPixel Höhe
-pixelLeftPixel links
-pixelRightPixel rechts
-pixelTopPixel oben
-pixelWidthPixel Breite
positionpositionPositionsdefinition
-posBottomPosition unten
-posHeightHöhe
-posLeftPosition links
-posRightPosition rechts
-posTopPosition oben
-posWidthBreite
rightrightAbstand rechts
ruby-alignrubyAlignAusrichtung des Ruby
ruby-overhangrubyOverhangÜberlauf des Ruby
ruby-positionrubyPositionPosition des Ruby
scrollbar-3dlight-colorscrollbar3dLightColorScrollbar
scrollbar-arrow-colorscrollbarArrowColorScrollbar
scrollbar-base-colorscrollbarBaseColorScrollbar
scrollbar-darkshadow-colorscrollbarDarkShadowColorScrollbar
scrollbar-face-colorscrollbarFaceColorScrollbar
scrollbar-highlight-colorscrollbarHighlightColorScrollbar
scrollbar-shadow-colorscrollbarShadowColorScrollbar
scrollbar-track-colorscrollbarTrackColorScrollbar
table-layouttableLayoutTabellenanzeige
text-aligntextAlignTextausrichtung
text-align-lasttextAlignLastTextausrichtung
text-autospacetextAutospaceTextdarstellung
text-decorationtextDecorationTextverziehrung
-textDecorationBlinkBlinkender Text
-textDecorationLineThroughDurchgestrichener Text
-textDecorationNoneNormaler Text
-textDecorationOverlineText überstrichen
-textDecorationUnderlineText unterstrichen
text-indenttextIndentZeileneinschub
text-justifytextJustifyTextausrichtung
text-kashida-spacetextKashidaSpaceKashida
text-overflowtextOverflowTextüberlauf
text-transformtextTransformTextveränderung
text-underline-positiontextUnderlinePositionPosition der Unterstreichung
toptopAbstand oben
unicode-bidiunicodeBidiLesemodus
vertical-alignverticalAlignVertikale Ausrichtung
visibilityvisibilitySichtbarkeit
white-spacewhiteSpaceLeerzeichenbehandlung
widthwidthBreite
word-breakwordBreakWorttrennung
word-spacingwordSpacingWortabstand
word-wrapwordWrapZeilenumbruch
writing-modewritingModeSchriftmodus
z-indexzIndexZ-Position
zoomzoomZoom

 

JavaScript

.Autor:Jan Winkler.
. Bewertung:
JavaScript: Style-Eigenschaften HTMLWorld
(5/5 bei 1 Votes)
.
. Community: 754 Beiträge im JavaScript Forum .

Navigation

Doku-Inhalt

html-Datei in Container nachladen von Piwi
blättern navigation - nicht alle seitenzahlen zeigen von Powell
XML-Datei per Javascript ver- und entschlüsseln?! von Nupsi
getElementById/innerHTML von duff_beer
Brauche dringend Hilfe/Gallery2.3 von Harburger1887
Window Open von javahack
Musik nach bestimmter Zeit abspielen von InsaYn
Merlin erscheint nicht auf der Website von Moijto
Bräuchte Hilfe von jemanden der sich auskennt ;-) von ladehf
Re: php Style über javascript laden nur wie? von TBT
Bannerwechsel mit mehreren Bannern und per Klick von katha126
HTML Referer ändern von nhs
JavaScript Weiterleitung von xmen
Zeitgesteuertes und zufälliges laden verschiedener index.php von Brainflame
Dynamisch erstellten (mit PHP) Checkboxen mit jQuery/AJAX au von Kyfe

zum JavaScript Forum »


 
     
 

Anzeige