diff --git a/src/style_manager/model/Property.js b/src/style_manager/model/Property.js
index f44b9988a..be6545f59 100644
--- a/src/style_manager/model/Property.js
+++ b/src/style_manager/model/Property.js
@@ -122,6 +122,14 @@ export default class Property extends Model {
     this._up(this.__getClearProps(), { ...opts, __clear: true });
   }
 
+  /**
+   * Get CSS style object of the propeprty
+   * @return {Object}
+   */
+  getStyle(opts = {}) {
+    return { [this.getName()]: this.__getFullValue(opts) };
+  }
+
   upValue(value, opts) {
     const parsed = value === null || value === '' ? this.__getClearProps() : this.__parseValue(value, opts);
     return this._up(parsed, opts);
diff --git a/src/style_manager/model/PropertyComposite.js b/src/style_manager/model/PropertyComposite.js
index 0db7c3dbf..fe568aad9 100644
--- a/src/style_manager/model/PropertyComposite.js
+++ b/src/style_manager/model/PropertyComposite.js
@@ -61,6 +61,10 @@ export default Property.extend({
     return Property.prototype._up.call(this, props, opts);
   },
 
+  getStyle(opts) {
+    return this.getStyleFromProps(opts);
+  },
+
   /**
    * Get style object from current properties
    * @returns {Object} Style object
diff --git a/src/style_manager/model/PropertyStack.js b/src/style_manager/model/PropertyStack.js
index 0b976e989..50150f8ef 100644
--- a/src/style_manager/model/PropertyStack.js
+++ b/src/style_manager/model/PropertyStack.js
@@ -254,6 +254,10 @@ export default Property.extend({
     return layer && layer.getIndex() >= 0 ? layer : null;
   },
 
+  getStyle(opts) {
+    return this.getStyleFromLayers(opts);
+  },
+
   /**
    * Get style object from layer
    * @param {[Layer]} layer