# CSSPosition

## Overview

The `CSSPosition` interface in the Servoy environment provides methods for managing and manipulating CSS position properties such as `left`, `right`, `top`, `bottom`, `width`, and `height`. It allows both getting and setting these properties in pixels or percentages, with chaining methods for streamlined updates. The interface supports use cases in Servoy NG Client only.

## Properties Summarized

| Type                                                                         | Name              | Summary                                             |
| ---------------------------------------------------------------------------- | ----------------- | --------------------------------------------------- |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [bottom](#bottom) | Get/Set bottom css position (in pixels or percent). |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [height](#height) | Get/Set height css position (in pixels or percent). |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [left](#left)     | Get/Set left css position (in pixels or percent).   |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [right](#right)   | Get/Set right css position (in pixels or percent).  |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [top](#top)       | Get/Set top css position (in pixels or percent).    |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [width](#width)   | Get/Set width css position (in pixels or percent).  |

## Methods Summarized

| Type                                                                                        | Name                   | Summary                                         |
| ------------------------------------------------------------------------------------------- | ---------------------- | ----------------------------------------------- |
| [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) | [b(bottom)](#b-bottom) | Set bottom css position (in pixels or percent). |
| [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) | [h(height)](#h-height) | Set height css position (in pixels or percent). |
| [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) | [l(left)](#l-left)     | Set left css position (in pixels or percent).   |
| [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) | [r(right)](#r-right)   | Set right css position (in pixels or percent).  |
| [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) | [t(top)](#t-top)       | Set top css position (in pixels or percent).    |
| [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) | [w(width)](#w-width)   | Set width css position (in pixels or percent).  |

## Properties Detailed

### bottom

Get/Set bottom css position (in pixels or percent).

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) The bottom CSS position as a string, in pixels or percentage.

**Sample**

```js
comp.cssPosition.bottom
```

### height

Get/Set height css position (in pixels or percent).

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) The height CSS position as a string, in pixels or percentage.

**Sample**

```js
comp.cssPosition.height
```

### left

Get/Set left css position (in pixels or percent).

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) The left CSS position as a string, in pixels or percentage.

**Sample**

```js
var left = comp.cssPosition.left;
```

### right

Get/Set right css position (in pixels or percent).

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) The right CSS position as a string, in pixels or percentage.

**Sample**

```js
comp.cssPosition.right
```

### top

Get/Set top css position (in pixels or percent).

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) The top CSS position as a string, in pixels or percentage.

**Sample**

```js
comp.cssPosition.top
```

### width

Get/Set width css position (in pixels or percent).

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) width css position

**Sample**

```js
comp.cssPosition.width
```

## Methods Detailed

### b(bottom)

Set bottom css position (in pixels or percent).

**Parameters**

* [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) **bottom** bottom position in pixels or percentage

**Returns:** [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) css position

**Sample**

```js
comp.cssPosition.r("10").b("10").w("20%").h("30px")
```

### h(height)

Set height css position (in pixels or percent).

**Parameters**

* [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) **height** height position in pixels or percentage

**Returns:** [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) css position

**Sample**

```js
comp.cssPosition.l("10").t("10").w("20%").h("30px")
```

### l(left)

Set left css position (in pixels or percent).

**Parameters**

* [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) **left** left position in pixels or percentage

**Returns:** [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) css position

**Sample**

```js
comp.cssPosition.l("10").t("10").w("20%").h("30px")
```

### r(right)

Set right css position (in pixels or percent).

**Parameters**

* [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) **right** right position in pixels or percentage

**Returns:** [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) css position

**Sample**

```js
comp.cssPosition.r("10").b("10").w("20%").h("30px")
```

### t(top)

Set top css position (in pixels or percent).

**Parameters**

* [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) **top** top position in pixels or percentage

**Returns:** [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) css position

**Sample**

```js
comp.cssPosition.l("10").t("10").w("20%").h("30px")
```

### w(width)

Set width css position (in pixels or percent).

**Parameters**

* [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) **width** width position in pixels or percentage

**Returns:** [CSSPosition](https://docs.servoy.com/reference/servoycore/dev-api/application/cssposition) css position

**Sample**

```js
comp.cssPosition.l("10").t("10").w("20%").h("30px")
```

***