engine/view/styles/utils

@ckeditor/ckeditor5-engine/src/view/styles/utils

Functions

• getBoxSidesShorthandValue( styleShorthand ) → Stringmodule:engine/view/styles/utils~getBoxSidesShorthandValue

  Returns a shorthand notation of a CSS property value.

  See source

  getBoxSidesShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );
  // will return '1px 1px 2px'

  Copy

  Parameters

  styleShorthand : BoxSides

  Returns

  String

• getBoxSidesValueReducer( styleShorthand ) → functionmodule:engine/view/styles/utils~getBoxSidesValueReducer

  Default reducer for CSS properties that concerns edges of a box shorthand notations:

  See source

  stylesProcessor.setReducer( 'padding', getBoxSidesValueReducer( 'padding' ) );

  Copy

  Parameters

  styleShorthand : String

  Returns

  function

• getPositionShorthandNormalizer( shorthand ) → functionmodule:engine/view/styles/utils~getPositionShorthandNormalizer

  Creates a normalizer for a shorthand 1-to-4 value.

  See source

  stylesProcessor.setNormalizer( 'margin', getPositionShorthandNormalizer( 'margin' ) );

  Copy

  Parameters

  shorthand : String

  Returns

  function

• getShorthandValues( string ) → Array.<String>module:engine/view/styles/utils~getShorthandValues

  Parses parts of a 1-to-4 value notation - handles some CSS values with spaces (like RGB()).

  See source

  getShorthandValues( 'red blue RGB(0, 0, 0)');
  // will return [ 'red', 'blue', 'RGB(0, 0, 0)' ]

  Copy

  Parameters

  string : String

  Returns

  Array.<String>

• isAttachment( string ) → Booleanmodule:engine/view/styles/utils~isAttachment

  Checks if string contains background attachment CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean

• isColor( string ) → Booleanmodule:engine/view/styles/utils~isColor

  Checks if string contains color CSS value.

  See source

  isColor( '#f00' );						// true
  isColor( '#AA00BB33' );					// true
  isColor( 'rgb(0, 0, 250)' );			// true
  isColor( 'hsla(240, 100%, 50%, .7)' );	// true
  isColor( 'deepskyblue' );				// true
  

  Copy

  Note: It does not support CSS Level 4 whitespace syntax, system colors and radius values for HSL colors.

  Parameters

  string : String

  Returns

  Boolean

• isLength( string ) → Booleanmodule:engine/view/styles/utils~isLength

  Checks if string contains length CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean

• isLineStyle( string ) → Booleanmodule:engine/view/styles/utils~isLineStyle

  Checks if string contains line style CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean

• isPercentage( string ) → Booleanmodule:engine/view/styles/utils~isPercentage

  Checks if string contains percentage CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean

• isPosition( string ) → Booleanmodule:engine/view/styles/utils~isPosition

  Checks if string contains background position CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean

• isRepeat( string ) → Booleanmodule:engine/view/styles/utils~isRepeat

  Checks if string contains background repeat CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean

• isURL( string ) → Booleanmodule:engine/view/styles/utils~isURL

  Checks if string contains URL CSS value.

  See source

  Parameters

  string : String

  Returns

  Boolean