Dynamically change the Column size

I am trying to dynamically change the Column size

<ion-col [size]="this.size" [size-xl]="this.size_xl" [size-md]="this.size_md" [size-sm]="this.size_sm" [size-xs]="this.size_xs">

but this error appears
NG0303: Can’t bind to ‘size-xl’ since it isn’t a known property of ‘ion-col’.

NOTE
its just working on [size]=“this.size”