http://www.tutorialspoint.com/css/css_dimension.htm
css3圆角 时间:2021-02-11 阅读:()
Copyrighttutorialspoint.
comCSS-DIMENSIONCSS-DIMENSIONYouhaveseentheborderthatsurroundseveryboxie.
element,thepaddingthatcanappearinsideeachboxandthemarginthatcangoaroundthem.
Inthistutorialwewillhowwecanchangethedimensionsofboxes.
Wehavethefollowingpropertiesthatallowyoutocontrolthedimensionsofabox.
Theheightpropertyisusedtosettheheightofabox.
Thewidthpropertyisusedtosetthewidthofabox.
Theline-heightpropertyisusedtosettheheightofalineoftext.
Themax-heightpropertyisusedtosetamaximumheightthataboxcanbe.
Themin-heightpropertyisusedtosettheminimumheightthataboxcanbe.
Themax-widthpropertyisusedtosetthemaximumwidththataboxcanbe.
Themin-widthpropertyisusedtosettheminimumwidththataboxcanbe.
TheHeightandWidthPropertiesTheheightandwidthpropertiesallowyoutosettheheightandwidthforboxes.
Theycantakevaluesofalength,apercentage,orthekeywordauto.
HereisanexampleThisparagraphis400pixelswideand100pixelshighItwillproducethefollowingresultTheline-heightPropertyTheline-heightpropertyallowsyoutoincreasethespacebetweenlinesoftext.
Thevalueoftheline-heightpropertycanbeanumber,alength,orapercentage.
HereisanexampleThisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
Thisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
ItwillproducethefollowingresultThemax-heightPropertyThemax-heightpropertyallowsyoutospecifymaximumheightofabox.
Thevalueofthemax-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxItwillproducethefollowingresultThemin-heightPropertyThemin-heightpropertyallowsyoutospecifyminimumheightofabox.
Thevalueofthemin-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxItwillproducethefollowingresultThemax-widthPropertyThemax-widthpropertyallowsyoutospecifymaximumwidthofabox.
Thevalueofthemax-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis200pxhighandmaxwidthis100pxThisparagraphis200pxhighandmaxwidthis100pxItwillproducethefollowingresultThemin-widthPropertyThemin-widthpropertyallowsyoutospecifyminimumwidthofabox.
Thevalueofthemin-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis100pxhighandminwidthis400pxThisparagraphis100pxhighandminwidthis400pxItwillproducethefollowingresult
comCSS-DIMENSIONCSS-DIMENSIONYouhaveseentheborderthatsurroundseveryboxie.
element,thepaddingthatcanappearinsideeachboxandthemarginthatcangoaroundthem.
Inthistutorialwewillhowwecanchangethedimensionsofboxes.
Wehavethefollowingpropertiesthatallowyoutocontrolthedimensionsofabox.
Theheightpropertyisusedtosettheheightofabox.
Thewidthpropertyisusedtosetthewidthofabox.
Theline-heightpropertyisusedtosettheheightofalineoftext.
Themax-heightpropertyisusedtosetamaximumheightthataboxcanbe.
Themin-heightpropertyisusedtosettheminimumheightthataboxcanbe.
Themax-widthpropertyisusedtosetthemaximumwidththataboxcanbe.
Themin-widthpropertyisusedtosettheminimumwidththataboxcanbe.
TheHeightandWidthPropertiesTheheightandwidthpropertiesallowyoutosettheheightandwidthforboxes.
Theycantakevaluesofalength,apercentage,orthekeywordauto.
HereisanexampleThisparagraphis400pixelswideand100pixelshighItwillproducethefollowingresultTheline-heightPropertyTheline-heightpropertyallowsyoutoincreasethespacebetweenlinesoftext.
Thevalueoftheline-heightpropertycanbeanumber,alength,orapercentage.
HereisanexampleThisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
Thisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
ItwillproducethefollowingresultThemax-heightPropertyThemax-heightpropertyallowsyoutospecifymaximumheightofabox.
Thevalueofthemax-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxItwillproducethefollowingresultThemin-heightPropertyThemin-heightpropertyallowsyoutospecifyminimumheightofabox.
Thevalueofthemin-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxItwillproducethefollowingresultThemax-widthPropertyThemax-widthpropertyallowsyoutospecifymaximumwidthofabox.
Thevalueofthemax-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis200pxhighandmaxwidthis100pxThisparagraphis200pxhighandmaxwidthis100pxItwillproducethefollowingresultThemin-widthPropertyThemin-widthpropertyallowsyoutospecifyminimumwidthofabox.
Thevalueofthemin-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis100pxhighandminwidthis400pxThisparagraphis100pxhighandminwidthis400pxItwillproducethefollowingresult
- http://www.tutorialspoint.com/css/css_dimension.htm相关文档
- 学时css3圆角
- 设计css3圆角
- 广西css3圆角
- 支持css3圆角
- 产品css3圆角
- 圆弧css3圆角
创梦网络-江苏宿迁BGP云服务器100G高防资源,全程ceph集群存储,安全可靠,数据有保证,防护真实,现在购买7折促销,续费同价！
官方网站：点击访问创梦网络宿迁BGP高防活动方案：机房CPU内存硬盘带宽IP防护流量原价活动价开通方式宿迁BGP4vCPU4G40G+50G20Mbps1个100G不限流量299元/月 209.3元/月点击自助购买成都电信优化线路8vCPU8G40G+50G20Mbps1个100G不限流量399元/月 279.3元/月点击自助购买成都电信优化线路8vCPU16G40G+50G2...
RackNerd 黑色星期五5款年付套餐
RackNerd 商家从2019年上线以来争议也是比较大的，一直低价促销很多网友都认为坚持时间不长可能会跑路。不过，目前看到RackNerd还是在坚持且这次黑五活动也有发布，且活动促销也是比较多的，不过对于我们用户来说选择这些低价服务商尽量的不要将长远项目放在上面，低价年付套餐服务商一般都是用来临时业务的。RackNerd商家这次发布黑五促销活动，一共有五款年付套餐，涉及到多个机房。最低年付的套餐...
Contabo美国独立日促销,独立服7月€3.99/月
Contabo自4月份在新加坡增设数据中心以后，这才短短的过去不到3个月，现在同时新增了美国纽约和西雅图数据中心。可见Contabo加速了全球布局，目前可选的数据中心包括：德国本土、美国东部（纽约）、美国西部（西雅图）、美国中部（圣路易斯）和亚洲的新加坡数据中心。为了庆祝美国独立日和新增数据中心，自7月4日开始，购买美国地区的VPS、VDS和独立服务器均免设置费。Contabo是德国的老牌服务商，...
css3圆角为你推荐
-
幼儿搜狗拼音输入法4投资者适当性客户端系统http://www.huajinsc.cn/建筑业127空调iphone支持ipad支持ipadpreviouslybitcss3圆角在HTML里如何实现圆角矩形？iphone连不上wifi苹果手机无法连接wifi是什么原因