Skip to main content
The Deno 2 Release Candidate is here
Learn more
Latest
type alias Declaration
Re-export
import { type Declaration } from "https://deno.land/x/frugal@0.9.6/dep/lightningcss.ts";
definition:
| { property: "background-color"; value: CssColor; }
| { property: "background-image"; value: Image[]; }
| { property: "background-position-x"; value: PositionComponentFor_HorizontalPositionKeyword[]; }
| { property: "background-position-y"; value: PositionComponentFor_VerticalPositionKeyword[]; }
| { property: "background-position"; value: BackgroundPosition[]; }
| { property: "background-size"; value: BackgroundSize[]; }
| { property: "background-repeat"; value: BackgroundRepeat[]; }
| { property: "background-attachment"; value: BackgroundAttachment[]; }
| { property: "background-clip"; value: BackgroundClip[]; vendorPrefix: VendorPrefix; }
| { property: "background-origin"; value: BackgroundOrigin[]; }
| { property: "background"; value: Background[]; }
| { property: "box-shadow"; value: BoxShadow[]; vendorPrefix: VendorPrefix; }
| { property: "opacity"; value: number; }
| { property: "color"; value: CssColor; }
| { property: "display"; value: Display; }
| { property: "visibility"; value: Visibility; }
| { property: "width"; value: Size; }
| { property: "height"; value: Size; }
| { property: "min-width"; value: Size; }
| { property: "min-height"; value: Size; }
| { property: "max-width"; value: MaxSize; }
| { property: "max-height"; value: MaxSize; }
| { property: "block-size"; value: Size; }
| { property: "inline-size"; value: Size; }
| { property: "min-block-size"; value: Size; }
| { property: "min-inline-size"; value: Size; }
| { property: "max-block-size"; value: MaxSize; }
| { property: "max-inline-size"; value: MaxSize; }
| { property: "box-sizing"; value: BoxSizing; vendorPrefix: VendorPrefix; }
| { property: "overflow"; value: Overflow; }
| { property: "overflow-x"; value: OverflowKeyword; }
| { property: "overflow-y"; value: OverflowKeyword; }
| { property: "text-overflow"; value: TextOverflow; vendorPrefix: VendorPrefix; }
| { property: "position"; value: Position; }
| { property: "top"; value: LengthPercentageOrAuto; }
| { property: "bottom"; value: LengthPercentageOrAuto; }
| { property: "left"; value: LengthPercentageOrAuto; }
| { property: "right"; value: LengthPercentageOrAuto; }
| { property: "inset-block-start"; value: LengthPercentageOrAuto; }
| { property: "inset-block-end"; value: LengthPercentageOrAuto; }
| { property: "inset-inline-start"; value: LengthPercentageOrAuto; }
| { property: "inset-inline-end"; value: LengthPercentageOrAuto; }
| { property: "inset-block"; value: InsetBlock; }
| { property: "inset-inline"; value: InsetInline; }
| { property: "inset"; value: Inset; }
| { property: "border-spacing"; value: Size2DFor_Length; }
| { property: "border-top-color"; value: CssColor; }
| { property: "border-bottom-color"; value: CssColor; }
| { property: "border-left-color"; value: CssColor; }
| { property: "border-right-color"; value: CssColor; }
| { property: "border-block-start-color"; value: CssColor; }
| { property: "border-block-end-color"; value: CssColor; }
| { property: "border-inline-start-color"; value: CssColor; }
| { property: "border-inline-end-color"; value: CssColor; }
| { property: "border-top-style"; value: LineStyle; }
| { property: "border-bottom-style"; value: LineStyle; }
| { property: "border-left-style"; value: LineStyle; }
| { property: "border-right-style"; value: LineStyle; }
| { property: "border-block-start-style"; value: LineStyle; }
| { property: "border-block-end-style"; value: LineStyle; }
| { property: "border-inline-start-style"; value: LineStyle; }
| { property: "border-inline-end-style"; value: LineStyle; }
| { property: "border-top-width"; value: BorderSideWidth; }
| { property: "border-bottom-width"; value: BorderSideWidth; }
| { property: "border-left-width"; value: BorderSideWidth; }
| { property: "border-right-width"; value: BorderSideWidth; }
| { property: "border-block-start-width"; value: BorderSideWidth; }
| { property: "border-block-end-width"; value: BorderSideWidth; }
| { property: "border-inline-start-width"; value: BorderSideWidth; }
| { property: "border-inline-end-width"; value: BorderSideWidth; }
| { property: "border-top-left-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; vendorPrefix: VendorPrefix; }
| { property: "border-top-right-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; vendorPrefix: VendorPrefix; }
| { property: "border-bottom-left-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; vendorPrefix: VendorPrefix; }
| { property: "border-bottom-right-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; vendorPrefix: VendorPrefix; }
| { property: "border-start-start-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; }
| { property: "border-start-end-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; }
| { property: "border-end-start-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; }
| { property: "border-end-end-radius"; value: Size2DFor_DimensionPercentageFor_LengthValue; }
| { property: "border-radius"; value: BorderRadius; vendorPrefix: VendorPrefix; }
| { property: "border-image-source"; value: Image; }
| { property: "border-image-outset"; value: RectFor_LengthOrNumber; }
| { property: "border-image-repeat"; value: BorderImageRepeat; }
| { property: "border-image-width"; value: RectFor_BorderImageSideWidth; }
| { property: "border-image-slice"; value: BorderImageSlice; }
| { property: "border-image"; value: BorderImage; vendorPrefix: VendorPrefix; }
| { property: "border-color"; value: BorderColor; }
| { property: "border-style"; value: BorderStyle; }
| { property: "border-width"; value: BorderWidth; }
| { property: "border-block-color"; value: BorderBlockColor; }
| { property: "border-block-style"; value: BorderBlockStyle; }
| { property: "border-block-width"; value: BorderBlockWidth; }
| { property: "border-inline-color"; value: BorderInlineColor; }
| { property: "border-inline-style"; value: BorderInlineStyle; }
| { property: "border-inline-width"; value: BorderInlineWidth; }
| { property: "border"; value: GenericBorderFor_LineStyle; }
| { property: "border-top"; value: GenericBorderFor_LineStyle; }
| { property: "border-bottom"; value: GenericBorderFor_LineStyle; }
| { property: "border-left"; value: GenericBorderFor_LineStyle; }
| { property: "border-right"; value: GenericBorderFor_LineStyle; }
| { property: "border-block"; value: GenericBorderFor_LineStyle; }
| { property: "border-block-start"; value: GenericBorderFor_LineStyle; }
| { property: "border-block-end"; value: GenericBorderFor_LineStyle; }
| { property: "border-inline"; value: GenericBorderFor_LineStyle; }
| { property: "border-inline-start"; value: GenericBorderFor_LineStyle; }
| { property: "border-inline-end"; value: GenericBorderFor_LineStyle; }
| { property: "outline"; value: GenericBorderFor_OutlineStyle; }
| { property: "outline-color"; value: CssColor; }
| { property: "outline-style"; value: OutlineStyle; }
| { property: "outline-width"; value: BorderSideWidth; }
| { property: "flex-direction"; value: FlexDirection; vendorPrefix: VendorPrefix; }
| { property: "flex-wrap"; value: FlexWrap; vendorPrefix: VendorPrefix; }
| { property: "flex-flow"; value: FlexFlow; vendorPrefix: VendorPrefix; }
| { property: "flex-grow"; value: number; vendorPrefix: VendorPrefix; }
| { property: "flex-shrink"; value: number; vendorPrefix: VendorPrefix; }
| { property: "flex-basis"; value: LengthPercentageOrAuto; vendorPrefix: VendorPrefix; }
| { property: "flex"; value: Flex; vendorPrefix: VendorPrefix; }
| { property: "order"; value: number; vendorPrefix: VendorPrefix; }
| { property: "align-content"; value: AlignContent; vendorPrefix: VendorPrefix; }
| { property: "justify-content"; value: JustifyContent; vendorPrefix: VendorPrefix; }
| { property: "place-content"; value: PlaceContent; }
| { property: "align-self"; value: AlignSelf; vendorPrefix: VendorPrefix; }
| { property: "justify-self"; value: JustifySelf; }
| { property: "place-self"; value: PlaceSelf; }
| { property: "align-items"; value: AlignItems; vendorPrefix: VendorPrefix; }
| { property: "justify-items"; value: JustifyItems; }
| { property: "place-items"; value: PlaceItems; }
| { property: "row-gap"; value: GapValue; }
| { property: "column-gap"; value: GapValue; }
| { property: "gap"; value: Gap; }
| { property: "box-orient"; value: BoxOrient; vendorPrefix: VendorPrefix; }
| { property: "box-direction"; value: BoxDirection; vendorPrefix: VendorPrefix; }
| { property: "box-ordinal-group"; value: number; vendorPrefix: VendorPrefix; }
| { property: "box-align"; value: BoxAlign; vendorPrefix: VendorPrefix; }
| { property: "box-flex"; value: number; vendorPrefix: VendorPrefix; }
| { property: "box-flex-group"; value: number; vendorPrefix: VendorPrefix; }
| { property: "box-pack"; value: BoxPack; vendorPrefix: VendorPrefix; }
| { property: "box-lines"; value: BoxLines; vendorPrefix: VendorPrefix; }
| { property: "flex-pack"; value: FlexPack; vendorPrefix: VendorPrefix; }
| { property: "flex-order"; value: number; vendorPrefix: VendorPrefix; }
| { property: "flex-align"; value: BoxAlign; vendorPrefix: VendorPrefix; }
| { property: "flex-item-align"; value: FlexItemAlign; vendorPrefix: VendorPrefix; }
| { property: "flex-line-pack"; value: FlexLinePack; vendorPrefix: VendorPrefix; }
| { property: "flex-positive"; value: number; vendorPrefix: VendorPrefix; }
| { property: "flex-negative"; value: number; vendorPrefix: VendorPrefix; }
| { property: "flex-preferred-size"; value: LengthPercentageOrAuto; vendorPrefix: VendorPrefix; }
| { property: "grid-template-columns"; value: TrackSizing; }
| { property: "grid-template-rows"; value: TrackSizing; }
| { property: "grid-auto-columns"; value: TrackSize[]; }
| { property: "grid-auto-rows"; value: TrackSize[]; }
| { property: "grid-auto-flow"; value: GridAutoFlow; }
| { property: "grid-template-areas"; value: GridTemplateAreas; }
| { property: "grid-template"; value: GridTemplate; }
| { property: "grid"; value: Grid; }
| { property: "grid-row-start"; value: GridLine; }
| { property: "grid-row-end"; value: GridLine; }
| { property: "grid-column-start"; value: GridLine; }
| { property: "grid-column-end"; value: GridLine; }
| { property: "grid-row"; value: GridRow; }
| { property: "grid-column"; value: GridColumn; }
| { property: "grid-area"; value: GridArea; }
| { property: "margin-top"; value: LengthPercentageOrAuto; }
| { property: "margin-bottom"; value: LengthPercentageOrAuto; }
| { property: "margin-left"; value: LengthPercentageOrAuto; }
| { property: "margin-right"; value: LengthPercentageOrAuto; }
| { property: "margin-block-start"; value: LengthPercentageOrAuto; }
| { property: "margin-block-end"; value: LengthPercentageOrAuto; }
| { property: "margin-inline-start"; value: LengthPercentageOrAuto; }
| { property: "margin-inline-end"; value: LengthPercentageOrAuto; }
| { property: "margin-block"; value: MarginBlock; }
| { property: "margin-inline"; value: MarginInline; }
| { property: "margin"; value: Margin; }
| { property: "padding-top"; value: LengthPercentageOrAuto; }
| { property: "padding-bottom"; value: LengthPercentageOrAuto; }
| { property: "padding-left"; value: LengthPercentageOrAuto; }
| { property: "padding-right"; value: LengthPercentageOrAuto; }
| { property: "padding-block-start"; value: LengthPercentageOrAuto; }
| { property: "padding-block-end"; value: LengthPercentageOrAuto; }
| { property: "padding-inline-start"; value: LengthPercentageOrAuto; }
| { property: "padding-inline-end"; value: LengthPercentageOrAuto; }
| { property: "padding-block"; value: PaddingBlock; }
| { property: "padding-inline"; value: PaddingInline; }
| { property: "padding"; value: Padding; }
| { property: "scroll-margin-top"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-bottom"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-left"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-right"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-block-start"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-block-end"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-inline-start"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-inline-end"; value: LengthPercentageOrAuto; }
| { property: "scroll-margin-block"; value: ScrollMarginBlock; }
| { property: "scroll-margin-inline"; value: ScrollMarginInline; }
| { property: "scroll-margin"; value: ScrollMargin; }
| { property: "scroll-padding-top"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-bottom"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-left"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-right"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-block-start"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-block-end"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-inline-start"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-inline-end"; value: LengthPercentageOrAuto; }
| { property: "scroll-padding-block"; value: ScrollPaddingBlock; }
| { property: "scroll-padding-inline"; value: ScrollPaddingInline; }
| { property: "scroll-padding"; value: ScrollPadding; }
| { property: "font-weight"; value: FontWeight; }
| { property: "font-size"; value: FontSize; }
| { property: "font-stretch"; value: FontStretch; }
| { property: "font-family"; value: FontFamily[]; }
| { property: "font-style"; value: FontStyle; }
| { property: "font-variant-caps"; value: FontVariantCaps; }
| { property: "line-height"; value: LineHeight; }
| { property: "font"; value: Font; }
| { property: "vertical-align"; value: VerticalAlign; }
| { property: "font-palette"; value: DashedIdentReference; }
| { property: "transition-property"; value: PropertyId[]; vendorPrefix: VendorPrefix; }
| { property: "transition-duration"; value: Time[]; vendorPrefix: VendorPrefix; }
| { property: "transition-delay"; value: Time[]; vendorPrefix: VendorPrefix; }
| { property: "transition-timing-function"; value: EasingFunction[]; vendorPrefix: VendorPrefix; }
| { property: "transition"; value: Transition[]; vendorPrefix: VendorPrefix; }
| { property: "animation-name"; value: AnimationName[]; vendorPrefix: VendorPrefix; }
| { property: "animation-duration"; value: Time[]; vendorPrefix: VendorPrefix; }
| { property: "animation-timing-function"; value: EasingFunction[]; vendorPrefix: VendorPrefix; }
| { property: "animation-iteration-count"; value: AnimationIterationCount[]; vendorPrefix: VendorPrefix; }
| { property: "animation-direction"; value: AnimationDirection[]; vendorPrefix: VendorPrefix; }
| { property: "animation-play-state"; value: AnimationPlayState[]; vendorPrefix: VendorPrefix; }
| { property: "animation-delay"; value: Time[]; vendorPrefix: VendorPrefix; }
| { property: "animation-fill-mode"; value: AnimationFillMode[]; vendorPrefix: VendorPrefix; }
| { property: "animation"; value: Animation[]; vendorPrefix: VendorPrefix; }
| { property: "transform"; value: Transform[]; vendorPrefix: VendorPrefix; }
| { property: "transform-origin"; value: Position; vendorPrefix: VendorPrefix; }
| { property: "transform-style"; value: TransformStyle; vendorPrefix: VendorPrefix; }
| { property: "transform-box"; value: TransformBox; }
| { property: "backface-visibility"; value: BackfaceVisibility; vendorPrefix: VendorPrefix; }
| { property: "perspective"; value: Perspective; vendorPrefix: VendorPrefix; }
| { property: "perspective-origin"; value: Position; vendorPrefix: VendorPrefix; }
| { property: "translate"; value: Translate; }
| { property: "rotate"; value: Rotate; }
| { property: "scale"; value: Scale; }
| { property: "text-transform"; value: TextTransform; }
| { property: "white-space"; value: WhiteSpace; }
| { property: "tab-size"; value: LengthOrNumber; vendorPrefix: VendorPrefix; }
| { property: "word-break"; value: WordBreak; }
| { property: "line-break"; value: LineBreak; }
| { property: "hyphens"; value: Hyphens; vendorPrefix: VendorPrefix; }
| { property: "overflow-wrap"; value: OverflowWrap; }
| { property: "word-wrap"; value: OverflowWrap; }
| { property: "text-align"; value: TextAlign; }
| { property: "text-align-last"; value: TextAlignLast; vendorPrefix: VendorPrefix; }
| { property: "text-justify"; value: TextJustify; }
| { property: "word-spacing"; value: Spacing; }
| { property: "letter-spacing"; value: Spacing; }
| { property: "text-indent"; value: TextIndent; }
| { property: "text-decoration-line"; value: TextDecorationLine; vendorPrefix: VendorPrefix; }
| { property: "text-decoration-style"; value: TextDecorationStyle; vendorPrefix: VendorPrefix; }
| { property: "text-decoration-color"; value: CssColor; vendorPrefix: VendorPrefix; }
| { property: "text-decoration-thickness"; value: TextDecorationThickness; }
| { property: "text-decoration"; value: TextDecoration; vendorPrefix: VendorPrefix; }
| { property: "text-decoration-skip-ink"; value: TextDecorationSkipInk; vendorPrefix: VendorPrefix; }
| { property: "text-emphasis-style"; value: TextEmphasisStyle; vendorPrefix: VendorPrefix; }
| { property: "text-emphasis-color"; value: CssColor; vendorPrefix: VendorPrefix; }
| { property: "text-emphasis"; value: TextEmphasis; vendorPrefix: VendorPrefix; }
| { property: "text-emphasis-position"; value: TextEmphasisPosition; vendorPrefix: VendorPrefix; }
| { property: "text-shadow"; value: TextShadow[]; }
| { property: "box-decoration-break"; value: BoxDecorationBreak; vendorPrefix: VendorPrefix; }
| { property: "resize"; value: Resize; }
| { property: "cursor"; value: Cursor; }
| { property: "caret-color"; value: ColorOrAuto; }
| { property: "caret-shape"; value: CaretShape; }
| { property: "caret"; value: Caret; }
| { property: "user-select"; value: UserSelect; vendorPrefix: VendorPrefix; }
| { property: "accent-color"; value: ColorOrAuto; }
| { property: "appearance"; value: Appearance; vendorPrefix: VendorPrefix; }
| { property: "list-style-type"; value: ListStyleType; }
| { property: "list-style-image"; value: Image; }
| { property: "list-style-position"; value: ListStylePosition; }
| { property: "list-style"; value: ListStyle; }
| { property: "marker-side"; value: MarkerSide; }
| { property: "composes"; value: Composes; }
| { property: "fill"; value: SVGPaint; }
| { property: "fill-rule"; value: FillRule; }
| { property: "fill-opacity"; value: number; }
| { property: "stroke"; value: SVGPaint; }
| { property: "stroke-opacity"; value: number; }
| { property: "stroke-width"; value: DimensionPercentageFor_LengthValue; }
| { property: "stroke-linecap"; value: StrokeLinecap; }
| { property: "stroke-linejoin"; value: StrokeLinejoin; }
| { property: "stroke-miterlimit"; value: number; }
| { property: "stroke-dasharray"; value: StrokeDasharray; }
| { property: "stroke-dashoffset"; value: DimensionPercentageFor_LengthValue; }
| { property: "marker-start"; value: Marker; }
| { property: "marker-mid"; value: Marker; }
| { property: "marker-end"; value: Marker; }
| { property: "marker"; value: Marker; }
| { property: "color-interpolation"; value: ColorInterpolation; }
| { property: "color-interpolation-filters"; value: ColorInterpolation; }
| { property: "color-rendering"; value: ColorRendering; }
| { property: "shape-rendering"; value: ShapeRendering; }
| { property: "text-rendering"; value: TextRendering; }
| { property: "image-rendering"; value: ImageRendering; }
| { property: "clip-path"; value: ClipPath; vendorPrefix: VendorPrefix; }
| { property: "clip-rule"; value: FillRule; }
| { property: "mask-image"; value: Image[]; vendorPrefix: VendorPrefix; }
| { property: "mask-mode"; value: MaskMode[]; }
| { property: "mask-repeat"; value: BackgroundRepeat[]; vendorPrefix: VendorPrefix; }
| { property: "mask-position-x"; value: PositionComponentFor_HorizontalPositionKeyword[]; }
| { property: "mask-position-y"; value: PositionComponentFor_VerticalPositionKeyword[]; }
| { property: "mask-position"; value: Position[]; vendorPrefix: VendorPrefix; }
| { property: "mask-clip"; value: MaskClip[]; vendorPrefix: VendorPrefix; }
| { property: "mask-origin"; value: GeometryBox[]; vendorPrefix: VendorPrefix; }
| { property: "mask-size"; value: BackgroundSize[]; vendorPrefix: VendorPrefix; }
| { property: "mask-composite"; value: MaskComposite[]; }
| { property: "mask-type"; value: MaskType; }
| { property: "mask"; value: Mask[]; vendorPrefix: VendorPrefix; }
| { property: "mask-border-source"; value: Image; }
| { property: "mask-border-mode"; value: MaskBorderMode; }
| { property: "mask-border-slice"; value: BorderImageSlice; }
| { property: "mask-border-width"; value: RectFor_BorderImageSideWidth; }
| { property: "mask-border-outset"; value: RectFor_LengthOrNumber; }
| { property: "mask-border-repeat"; value: BorderImageRepeat; }
| { property: "mask-border"; value: MaskBorder; }
| { property: "-webkit-mask-composite"; value: WebKitMaskComposite[]; }
| { property: "mask-source-type"; value: WebKitMaskSourceType[]; vendorPrefix: VendorPrefix; }
| { property: "mask-box-image"; value: BorderImage; vendorPrefix: VendorPrefix; }
| { property: "mask-box-image-source"; value: Image; vendorPrefix: VendorPrefix; }
| { property: "mask-box-image-slice"; value: BorderImageSlice; vendorPrefix: VendorPrefix; }
| { property: "mask-box-image-width"; value: RectFor_BorderImageSideWidth; vendorPrefix: VendorPrefix; }
| { property: "mask-box-image-outset"; value: RectFor_LengthOrNumber; vendorPrefix: VendorPrefix; }
| { property: "mask-box-image-repeat"; value: BorderImageRepeat; vendorPrefix: VendorPrefix; }
| { property: "filter"; value: FilterList; vendorPrefix: VendorPrefix; }
| { property: "backdrop-filter"; value: FilterList; vendorPrefix: VendorPrefix; }
| { property: "z-index"; value: ZIndex; }
| { property: "container-type"; value: ContainerType; }
| { property: "container-name"; value: ContainerNameList; }
| { property: "container"; value: Container; }
| { property: "view-transition-name"; value: String; }
| { property: "unparsed"; value: UnparsedProperty; }
| { property: "custom"; value: CustomProperty; }