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圆角
ucloud香港服务器优惠活动：香港2核4G云服务器低至358元/年,968元/3年
ucloud香港服务器优惠降价活动开始了！此前，ucloud官方全球云大促活动的香港云服务器一度上涨至2核4G配置752元/年，2031元/3年。让很多想购买ucloud香港云服务器的新用户望而却步！不过，目前，ucloud官方下调了香港服务器价格，此前2核4G香港云服务器752元/年，现在降至358元/年，968元/3年，价格降了快一半了！UCloud活动路子和阿里云、腾讯云不同，活动一步到位，...
妮妮云（43元/月 ） 香港 8核8G 43元/月 美国 8核8G
妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品，避免新手购买云服务器的时候众多商家不知道如何选择，妮妮云就帮你选择好了产品，无需承担购买风险，不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商，云服务器提供2天内全额退款，超过2天不退款 物...
桔子数据58元/月 ，Cera美西云服务器 2核4G 50G数据盘 500M带宽 1000G流量
桔子数据（徐州铭联信息科技有限公司）成立于2020年，是国内领先的互联网业务平台服务提供商。公司专注为用户提供低价高性能云计算产品，致力于云计算应用的易用性开发，并引导云计算在国内普及。目前公司研发以及运营云服务基础设施服务平台（IaaS），面向全球客户提供基于云计算的IT解决方案与客户服务，拥有丰富的国内BGP、双线高防、香港等优质的IDC资源。 公司一直秉承”以人为本、客户为尊、永...
css3圆角为你推荐
万网域名注册 济南域名注册 深圳域名空间 lnmp 冰山互联 域名优惠码 台湾谷歌地址 服务器维护方案 国外代理服务器软件 免费phpmysql空间 台湾谷歌 如何安装服务器系统 国外ip加速器 根服务器 web服务器是什么 国外的代理服务器 万网主机 阵亡将士纪念日 上海联通 zcloud 更多