Function Style

Parameters

• props: {
      children: ElementChildren;
  } & {
      accentColor?: Input<string>;
      alignContent?: Input<string>;
      alignItems?: Input<string>;
      alignSelf?: Input<string>;
      alignmentBaseline?: Input<string>;
      all?: Input<string>;
      animation?: Input<string>;
      animationDelay?: Input<string>;
      animationDirection?: Input<string>;
      animationDuration?: Input<string>;
      animationFillMode?: Input<string>;
      animationIterationCount?: Input<string>;
      animationName?: Input<string>;
      animationPlayState?: Input<string>;
      animationTimingFunction?: Input<string>;
      appearance?: Input<string>;
      aspectRatio?: Input<string>;
      backdropFilter?: Input<string>;
      backfaceVisibility?: Input<string>;
      background?: Input<string>;
      backgroundAttachment?: Input<string>;
      backgroundBlendMode?: Input<string>;
      backgroundClip?: Input<string>;
      backgroundColor?: Input<string>;
      backgroundImage?: Input<string>;
      backgroundOrigin?: Input<string>;
      backgroundPosition?: Input<string>;
      backgroundPositionX?: Input<string>;
      backgroundPositionY?: Input<string>;
      backgroundRepeat?: Input<string>;
      backgroundSize?: Input<string>;
      baselineShift?: Input<string>;
      blockSize?: Input<string>;
      border?: Input<string>;
      borderBlock?: Input<string>;
      borderBlockColor?: Input<string>;
      borderBlockEnd?: Input<string>;
      borderBlockEndColor?: Input<string>;
      borderBlockEndStyle?: Input<string>;
      borderBlockEndWidth?: Input<string>;
      borderBlockStart?: Input<string>;
      borderBlockStartColor?: Input<string>;
      borderBlockStartStyle?: Input<string>;
      borderBlockStartWidth?: Input<string>;
      borderBlockStyle?: Input<string>;
      borderBlockWidth?: Input<string>;
      borderBottom?: Input<string>;
      borderBottomColor?: Input<string>;
      borderBottomLeftRadius?: Input<string>;
      borderBottomRightRadius?: Input<string>;
      borderBottomStyle?: Input<string>;
      borderBottomWidth?: Input<string>;
      borderCollapse?: Input<string>;
      borderColor?: Input<string>;
      borderEndEndRadius?: Input<string>;
      borderEndStartRadius?: Input<string>;
      borderImage?: Input<string>;
      borderImageOutset?: Input<string>;
      borderImageRepeat?: Input<string>;
      borderImageSlice?: Input<string>;
      borderImageSource?: Input<string>;
      borderImageWidth?: Input<string>;
      borderInline?: Input<string>;
      borderInlineColor?: Input<string>;
      borderInlineEnd?: Input<string>;
      borderInlineEndColor?: Input<string>;
      borderInlineEndStyle?: Input<string>;
      borderInlineEndWidth?: Input<string>;
      borderInlineStart?: Input<string>;
      borderInlineStartColor?: Input<string>;
      borderInlineStartStyle?: Input<string>;
      borderInlineStartWidth?: Input<string>;
      borderInlineStyle?: Input<string>;
      borderInlineWidth?: Input<string>;
      borderLeft?: Input<string>;
      borderLeftColor?: Input<string>;
      borderLeftStyle?: Input<string>;
      borderLeftWidth?: Input<string>;
      borderRadius?: Input<string>;
      borderRight?: Input<string>;
      borderRightColor?: Input<string>;
      borderRightStyle?: Input<string>;
      borderRightWidth?: Input<string>;
      borderSpacing?: Input<string>;
      borderStartEndRadius?: Input<string>;
      borderStartStartRadius?: Input<string>;
      borderStyle?: Input<string>;
      borderTop?: Input<string>;
      borderTopColor?: Input<string>;
      borderTopLeftRadius?: Input<string>;
      borderTopRightRadius?: Input<string>;
      borderTopStyle?: Input<string>;
      borderTopWidth?: Input<string>;
      borderWidth?: Input<string>;
      bottom?: Input<string>;
      boxShadow?: Input<string>;
      boxSizing?: Input<string>;
      breakAfter?: Input<string>;
      breakBefore?: Input<string>;
      breakInside?: Input<string>;
      captionSide?: Input<string>;
      caretColor?: Input<string>;
      clear?: Input<string>;
      clip?: Input<string>;
      clipPath?: Input<string>;
      clipRule?: Input<string>;
      color?: Input<string>;
      colorInterpolation?: Input<string>;
      colorInterpolationFilters?: Input<string>;
      colorScheme?: Input<string>;
      columnCount?: Input<string>;
      columnFill?: Input<string>;
      columnGap?: Input<string>;
      columnRule?: Input<string>;
      columnRuleColor?: Input<string>;
      columnRuleStyle?: Input<string>;
      columnRuleWidth?: Input<string>;
      columnSpan?: Input<string>;
      columnWidth?: Input<string>;
      columns?: Input<string>;
      contain?: Input<string>;
      container?: Input<string>;
      containerName?: Input<string>;
      containerType?: Input<string>;
      content?: Input<string>;
      counterIncrement?: Input<string>;
      counterReset?: Input<string>;
      counterSet?: Input<string>;
      cssFloat?: Input<string>;
      cssText?: Input<string>;
      cursor?: Input<string>;
      direction?: Input<string>;
      display?: Input<string>;
      dominantBaseline?: Input<string>;
      emptyCells?: Input<string>;
      fill?: Input<string>;
      fillOpacity?: Input<string>;
      fillRule?: Input<string>;
      filter?: Input<string>;
      flex?: Input<string>;
      flexBasis?: Input<string>;
      flexDirection?: Input<string>;
      flexFlow?: Input<string>;
      flexGrow?: Input<string>;
      flexShrink?: Input<string>;
      flexWrap?: Input<string>;
      float?: Input<string>;
      floodColor?: Input<string>;
      floodOpacity?: Input<string>;
      font?: Input<string>;
      fontFamily?: Input<string>;
      fontFeatureSettings?: Input<string>;
      fontKerning?: Input<string>;
      fontOpticalSizing?: Input<string>;
      fontPalette?: Input<string>;
      fontSize?: Input<string>;
      fontSizeAdjust?: Input<string>;
      fontStretch?: Input<string>;
      fontStyle?: Input<string>;
      fontSynthesis?: Input<string>;
      fontVariant?: Input<string>;
      fontVariantAlternates?: Input<string>;
      fontVariantCaps?: Input<string>;
      fontVariantEastAsian?: Input<string>;
      fontVariantLigatures?: Input<string>;
      fontVariantNumeric?: Input<string>;
      fontVariantPosition?: Input<string>;
      fontVariationSettings?: Input<string>;
      fontWeight?: Input<string>;
      gap?: Input<string>;
      grid?: Input<string>;
      gridArea?: Input<string>;
      gridAutoColumns?: Input<string>;
      gridAutoFlow?: Input<string>;
      gridAutoRows?: Input<string>;
      gridColumn?: Input<string>;
      gridColumnEnd?: Input<string>;
      gridColumnGap?: Input<string>;
      gridColumnStart?: Input<string>;
      gridGap?: Input<string>;
      gridRow?: Input<string>;
      gridRowEnd?: Input<string>;
      gridRowGap?: Input<string>;
      gridRowStart?: Input<string>;
      gridTemplate?: Input<string>;
      gridTemplateAreas?: Input<string>;
      gridTemplateColumns?: Input<string>;
      gridTemplateRows?: Input<string>;
      height?: Input<string>;
      hyphenateCharacter?: Input<string>;
      hyphens?: Input<string>;
      imageOrientation?: Input<string>;
      imageRendering?: Input<string>;
      inlineSize?: Input<string>;
      inset?: Input<string>;
      insetBlock?: Input<string>;
      insetBlockEnd?: Input<string>;
      insetBlockStart?: Input<string>;
      insetInline?: Input<string>;
      insetInlineEnd?: Input<string>;
      insetInlineStart?: Input<string>;
      isolation?: Input<string>;
      justifyContent?: Input<string>;
      justifyItems?: Input<string>;
      justifySelf?: Input<string>;
      left?: Input<string>;
      length?: Input<number>;
      letterSpacing?: Input<string>;
      lightingColor?: Input<string>;
      lineBreak?: Input<string>;
      lineHeight?: Input<string>;
      listStyle?: Input<string>;
      listStyleImage?: Input<string>;
      listStylePosition?: Input<string>;
      listStyleType?: Input<string>;
      margin?: Input<string>;
      marginBlock?: Input<string>;
      marginBlockEnd?: Input<string>;
      marginBlockStart?: Input<string>;
      marginBottom?: Input<string>;
      marginInline?: Input<string>;
      marginInlineEnd?: Input<string>;
      marginInlineStart?: Input<string>;
      marginLeft?: Input<string>;
      marginRight?: Input<string>;
      marginTop?: Input<string>;
      marker?: Input<string>;
      markerEnd?: Input<string>;
      markerMid?: Input<string>;
      markerStart?: Input<string>;
      mask?: Input<string>;
      maskClip?: Input<string>;
      maskComposite?: Input<string>;
      maskImage?: Input<string>;
      maskMode?: Input<string>;
      maskOrigin?: Input<string>;
      maskPosition?: Input<string>;
      maskRepeat?: Input<string>;
      maskSize?: Input<string>;
      maskType?: Input<string>;
      maxBlockSize?: Input<string>;
      maxHeight?: Input<string>;
      maxInlineSize?: Input<string>;
      maxWidth?: Input<string>;
      minBlockSize?: Input<string>;
      minHeight?: Input<string>;
      minInlineSize?: Input<string>;
      minWidth?: Input<string>;
      mixBlendMode?: Input<string>;
      objectFit?: Input<string>;
      objectPosition?: Input<string>;
      offset?: Input<string>;
      offsetDistance?: Input<string>;
      offsetPath?: Input<string>;
      offsetRotate?: Input<string>;
      opacity?: Input<string>;
      order?: Input<string>;
      orphans?: Input<string>;
      outline?: Input<string>;
      outlineColor?: Input<string>;
      outlineOffset?: Input<string>;
      outlineStyle?: Input<string>;
      outlineWidth?: Input<string>;
      overflow?: Input<string>;
      overflowAnchor?: Input<string>;
      overflowClipMargin?: Input<string>;
      overflowWrap?: Input<string>;
      overflowX?: Input<string>;
      overflowY?: Input<string>;
      overscrollBehavior?: Input<string>;
      overscrollBehaviorBlock?: Input<string>;
      overscrollBehaviorInline?: Input<string>;
      overscrollBehaviorX?: Input<string>;
      overscrollBehaviorY?: Input<string>;
      padding?: Input<string>;
      paddingBlock?: Input<string>;
      paddingBlockEnd?: Input<string>;
      paddingBlockStart?: Input<string>;
      paddingBottom?: Input<string>;
      paddingInline?: Input<string>;
      paddingInlineEnd?: Input<string>;
      paddingInlineStart?: Input<string>;
      paddingLeft?: Input<string>;
      paddingRight?: Input<string>;
      paddingTop?: Input<string>;
      pageBreakAfter?: Input<string>;
      pageBreakBefore?: Input<string>;
      pageBreakInside?: Input<string>;
      paintOrder?: Input<string>;
      parentRule?: Input<null | CSSRule>;
      perspective?: Input<string>;
      perspectiveOrigin?: Input<string>;
      placeContent?: Input<string>;
      placeItems?: Input<string>;
      placeSelf?: Input<string>;
      pointerEvents?: Input<string>;
      position?: Input<string>;
      printColorAdjust?: Input<string>;
      quotes?: Input<string>;
      resize?: Input<string>;
      right?: Input<string>;
      rotate?: Input<string>;
      rowGap?: Input<string>;
      rubyPosition?: Input<string>;
      scale?: Input<string>;
      scrollBehavior?: Input<string>;
      scrollMargin?: Input<string>;
      scrollMarginBlock?: Input<string>;
      scrollMarginBlockEnd?: Input<string>;
      scrollMarginBlockStart?: Input<string>;
      scrollMarginBottom?: Input<string>;
      scrollMarginInline?: Input<string>;
      scrollMarginInlineEnd?: Input<string>;
      scrollMarginInlineStart?: Input<string>;
      scrollMarginLeft?: Input<string>;
      scrollMarginRight?: Input<string>;
      scrollMarginTop?: Input<string>;
      scrollPadding?: Input<string>;
      scrollPaddingBlock?: Input<string>;
      scrollPaddingBlockEnd?: Input<string>;
      scrollPaddingBlockStart?: Input<string>;
      scrollPaddingBottom?: Input<string>;
      scrollPaddingInline?: Input<string>;
      scrollPaddingInlineEnd?: Input<string>;
      scrollPaddingInlineStart?: Input<string>;
      scrollPaddingLeft?: Input<string>;
      scrollPaddingRight?: Input<string>;
      scrollPaddingTop?: Input<string>;
      scrollSnapAlign?: Input<string>;
      scrollSnapStop?: Input<string>;
      scrollSnapType?: Input<string>;
      scrollbarGutter?: Input<string>;
      shapeImageThreshold?: Input<string>;
      shapeMargin?: Input<string>;
      shapeOutside?: Input<string>;
      shapeRendering?: Input<string>;
      stopColor?: Input<string>;
      stopOpacity?: Input<string>;
      stroke?: Input<string>;
      strokeDasharray?: Input<string>;
      strokeDashoffset?: Input<string>;
      strokeLinecap?: Input<string>;
      strokeLinejoin?: Input<string>;
      strokeMiterlimit?: Input<string>;
      strokeOpacity?: Input<string>;
      strokeWidth?: Input<string>;
      tabSize?: Input<string>;
      tableLayout?: Input<string>;
      textAlign?: Input<string>;
      textAlignLast?: Input<string>;
      textAnchor?: Input<string>;
      textCombineUpright?: Input<string>;
      textDecoration?: Input<string>;
      textDecorationColor?: Input<string>;
      textDecorationLine?: Input<string>;
      textDecorationSkipInk?: Input<string>;
      textDecorationStyle?: Input<string>;
      textDecorationThickness?: Input<string>;
      textEmphasis?: Input<string>;
      textEmphasisColor?: Input<string>;
      textEmphasisPosition?: Input<string>;
      textEmphasisStyle?: Input<string>;
      textIndent?: Input<string>;
      textOrientation?: Input<string>;
      textOverflow?: Input<string>;
      textRendering?: Input<string>;
      textShadow?: Input<string>;
      textTransform?: Input<string>;
      textUnderlineOffset?: Input<string>;
      textUnderlinePosition?: Input<string>;
      top?: Input<string>;
      touchAction?: Input<string>;
      transform?: Input<string>;
      transformBox?: Input<string>;
      transformOrigin?: Input<string>;
      transformStyle?: Input<string>;
      transition?: Input<string>;
      transitionDelay?: Input<string>;
      transitionDuration?: Input<string>;
      transitionProperty?: Input<string>;
      transitionTimingFunction?: Input<string>;
      translate?: Input<string>;
      unicodeBidi?: Input<string>;
      userSelect?: Input<string>;
      verticalAlign?: Input<string>;
      visibility?: Input<string>;
      webkitAlignContent?: Input<string>;
      webkitAlignItems?: Input<string>;
      webkitAlignSelf?: Input<string>;
      webkitAnimation?: Input<string>;
      webkitAnimationDelay?: Input<string>;
      webkitAnimationDirection?: Input<string>;
      webkitAnimationDuration?: Input<string>;
      webkitAnimationFillMode?: Input<string>;
      webkitAnimationIterationCount?: Input<string>;
      webkitAnimationName?: Input<string>;
      webkitAnimationPlayState?: Input<string>;
      webkitAnimationTimingFunction?: Input<string>;
      webkitAppearance?: Input<string>;
      webkitBackfaceVisibility?: Input<string>;
      webkitBackgroundClip?: Input<string>;
      webkitBackgroundOrigin?: Input<string>;
      webkitBackgroundSize?: Input<string>;
      webkitBorderBottomLeftRadius?: Input<string>;
      webkitBorderBottomRightRadius?: Input<string>;
      webkitBorderRadius?: Input<string>;
      webkitBorderTopLeftRadius?: Input<string>;
      webkitBorderTopRightRadius?: Input<string>;
      webkitBoxAlign?: Input<string>;
      webkitBoxFlex?: Input<string>;
      webkitBoxOrdinalGroup?: Input<string>;
      webkitBoxOrient?: Input<string>;
      webkitBoxPack?: Input<string>;
      webkitBoxShadow?: Input<string>;
      webkitBoxSizing?: Input<string>;
      webkitFilter?: Input<string>;
      webkitFlex?: Input<string>;
      webkitFlexBasis?: Input<string>;
      webkitFlexDirection?: Input<string>;
      webkitFlexFlow?: Input<string>;
      webkitFlexGrow?: Input<string>;
      webkitFlexShrink?: Input<string>;
      webkitFlexWrap?: Input<string>;
      webkitJustifyContent?: Input<string>;
      webkitLineClamp?: Input<string>;
      webkitMask?: Input<string>;
      webkitMaskBoxImage?: Input<string>;
      webkitMaskBoxImageOutset?: Input<string>;
      webkitMaskBoxImageRepeat?: Input<string>;
      webkitMaskBoxImageSlice?: Input<string>;
      webkitMaskBoxImageSource?: Input<string>;
      webkitMaskBoxImageWidth?: Input<string>;
      webkitMaskClip?: Input<string>;
      webkitMaskComposite?: Input<string>;
      webkitMaskImage?: Input<string>;
      webkitMaskOrigin?: Input<string>;
      webkitMaskPosition?: Input<string>;
      webkitMaskRepeat?: Input<string>;
      webkitMaskSize?: Input<string>;
      webkitOrder?: Input<string>;
      webkitPerspective?: Input<string>;
      webkitPerspectiveOrigin?: Input<string>;
      webkitTextFillColor?: Input<string>;
      webkitTextSizeAdjust?: Input<string>;
      webkitTextStroke?: Input<string>;
      webkitTextStrokeColor?: Input<string>;
      webkitTextStrokeWidth?: Input<string>;
      webkitTransform?: Input<string>;
      webkitTransformOrigin?: Input<string>;
      webkitTransformStyle?: Input<string>;
      webkitTransition?: Input<string>;
      webkitTransitionDelay?: Input<string>;
      webkitTransitionDuration?: Input<string>;
      webkitTransitionProperty?: Input<string>;
      webkitTransitionTimingFunction?: Input<string>;
      webkitUserSelect?: Input<string>;
      whiteSpace?: Input<string>;
      widows?: Input<string>;
      width?: Input<string>;
      willChange?: Input<string>;
      wordBreak?: Input<string>;
      wordSpacing?: Input<string>;
      wordWrap?: Input<string>;
      writingMode?: Input<string>;
      zIndex?: Input<string>;
      [iterator]?: any;
      getPropertyPriority?: any;
      getPropertyValue?: any;
      item?: any;
      removeProperty?: any;
      setProperty?: any;
  }

  CSS style properties.